乐山网站建设

专注高端品牌网站建设行业优质供应商！认准小谭建站！
028-86922220135-1821-9792
  • 首页
  • 网站建设
    网站设计包含服务 网站制作流程 有效沟通方式 售后服务
  • 微信开发
  • 案例展示
    乐山小谭建站公司作品案例展示
  • 新闻资讯
  • 解决方案
  • 小谭建站
  • 联系我们

    • 怎么用Ajax异步方式实现登录与验证

    这篇文章主要介绍“怎么用Ajax异步方式实现登录与验证”，在日常操作中，相信很多人在怎么用Ajax异步方式实现登录与验证问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”怎么用Ajax异步方式实现登录与验证”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

    创新互联从2013年开始，先为金安等服务建站，金安等地企业，进行企业商务咨询服务。为金安企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

    本文实例讲述了Ajax异步方式实现登录与验证的详细代码，分享给大家供大家参考。具体如下：

    登录代码

    这个是使用Bootstrap3的组件功能实现的

    
      
    登录
    
      
        
          
          
        
                                           
                               登录         
               

    异步登录请求的代码

    使用到的验证js代码Validation.js

    Validator = {
  Require : {expression:/.+/,errorMsg:"该字段不能为空"},
  Email : {expression:/^\w+([-+.]\w+)*@\w+([-.]\\w+)*\.\w+([-.]\w+)*$/,errorMsg:"Email格式不正确"},
  Mobile:{expression:/^(1[3|5|8]{1}\d{9})$/,errorMsg:"手机格式不正确"},
  TelePhone:{expression:/^(((0\d{2,3}-)?\d{7,8}(-\d{4})?))$/,errorMsg:"电话号码格式不正确"},
  IdCard:{expression:/^\d{15}(\d{2}[A-Za-z0-9])?$/,errorMsg:"身份证号码格式不正确"},
  Number:{expression:/^-?(\d+|[1-9]\d*\.\d+|0\.\d*[1-9]\d*|0?\.0+|0)$/,errorMsg:"仅支持数字"},
  English:{expression:/^[A-Za-z]+$/,errorMsg:"仅支持英文字符"},
  Chinese:{expression:/^[\u0391-\uFFE5]+$/,errorMsg:"仅支持中文字符"},
  URL:{expression:/^http:\/\/[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&_~`@[\]\':+!]*([^<>\"\"])*$/,errorMsg:"URL地址格式不正确"},
  Regex:{errorMsg:"格式不正确"},
  UnSafe : /^(([A-Z]*|[a-z]*|\d*|[-_\~!@#\$%\^&\*\.\(\)\[\]\{\}<>\?\\\/\'\"]*)|.{0,5})$|\s/,
  IsSafe : function(str){return !this.UnSafe.test(str);},
  SafeString : {expression:"this.IsSafe(value)",errorMsg:"仅支持中文字符"},
  ErrorItem : [document.forms[0]],
  ErrorMessage : ["以下原因导致提交失败：\t\t\t\t"],
  Validate : function(theForm, mode){
    var obj = theForm || event.srcElement;
    var count = obj.elements.length;
    this.ErrorMessage.length = 1;
    this.ErrorItem.length = 1;
    this.ErrorItem[0] = obj;
    for(var i=0;i 1){
      var content = this.ErrorMessage[1].replace(/\d+:/," ");
      var $element = $(this.ErrorItem[1]);
      var name = $element.attr('name');
      if(name.indexOf('DTO') != -1){
        name = name.split('.')[1];
      }
      var $targetElement = $element;
      var $tempElement = $targetElement.closest('form').find('#' + name + 'ID');
      if($tempElement.hasClass('select')){
        $targetElement = $tempElement;
      }
      showErrorMessage($element.closest('.modal'), $targetElement, content);
      return false;
    }
    return true;
  },
  limit : function(len,min, max){
    min = min || 0;
    max = max || Number.MAX_VALUE;
    return min <= len && len <= max;
  },
  LenB : function(str){
    return str.replace(/[^\x00-\xff]/g,"**").length;
  },
  ClearState : function(elem){
    with(elem){
      if(style.color == "red")
        style.color = "";
      var ligertipid = getAttribute("ligertipid");
      if(ligertipid && ligertipid != ""){
        removeAttribute("ligertipid");
        $(elem).ligerHideTip();
      }
    }
  },
  AddError : function(index, str){
    this.ErrorItem[this.ErrorItem.length] = this.ErrorItem[0].elements[index];
    this.ErrorMessage[this.ErrorMessage.length] = this.ErrorMessage.length + ":" + str;
  },
  Exec : function(op, reg){
    return new RegExp(reg,"g").test(op);
  },
  compare : function(op1,operator,op2){
    switch (operator) {
      case "NotEqual":
        return (op1 != op2);
      case "GreaterThan":
        return (op1 > op2);
      case "GreaterThanEqual":
        return (op1 >= op2);
      case "LessThan":
        return (op1 < op2);
      case "LessThanEqual":
        return (op1 <= op2);
      default:
        return (op1 == op2);
    }
  },
  MustChecked : function(name, min, max){
    var groups = document.getElementsByName(name);
    var hasChecked = 0;
    min = min || 1;
    max = max || groups.length;
    for(var i=groups.length-1;i>=0;i--)
      if(groups[i].checked) hasChecked++;
    return min <= hasChecked && hasChecked <= max;
  },
  IsDate : function(op, formatString){
    formatString = formatString || "ymd";
    var m, year, month, day;
    switch(formatString){
      case "ymd" :
        m = op.match(new RegExp("^\\s*((\\d{4})|(\\d{2}))([-./])(\\d{1,2})\\4(\\d{1,2})\\s*$"));
        if(m == null ) return false;
        day = m[6];
        month = m[5]--;
        year = (m[2].length == 4) ? m[2] : GetFullYear(parseInt(m[3], 10));
        break;
      case "dmy" :
        m = op.match(new RegExp("^\\s*(\\d{1,2})([-./])(\\d{1,2})\\2((\\d{4})|(\\d{2}))\\s*$"));
        if(m == null ) return false;
        day = m[1];
        month = m[3]--;
        year = (m[5].length == 4) ? m[5] : GetFullYear(parseInt(m[6], 10));
        break;
      default :
        break;
    }
    var date = new Date(year, month, day);
    return (typeof(date) == "object" && year == date.getFullYear() && month == date.getMonth() && day == date.getDate());
    function GetFullYear(y){return ((y<30 ? "20" : "19") + y)|0;}
  }
};

var Validation = {
  notNull: function($container, $element, content, errorMessage) {
    if (isNull(content)) {
      showErrorMessage($container, $element, errorMessage);
      return false;
    }
    return true;
  },
  email: function($container, $element, content, errorMessage) {
    var reg = new RegExp(/^(\w)+(\.\w+)*@(\w)+((\.\w{2,3}){1,3})$/);
    if (!reg.test(content)) {
      showErrorMessage($container, $element, errorMessage);
      return false;
    }
    return true;
  },
  serialNmuber: function($container, $element, content, errorMessage) {
    var reg = new RegExp(/^[0-9a-zA-Z_-]*$/);
    if (!reg.test(content)) {
      showErrorMessage($container, $element, errorMessage);
      return false;
    }
    return true;
  },
  number: function($container, $element, content, errorMessage) {
    var reg = new RegExp(/^[0-9]*$/);
    if (!reg.test(content)) {
      showErrorMessage($container, $element, errorMessage);
      return false;
    }
    return true;
  },
  humanName: function($container, $element, content, errorMessage) {
    var reg = new RegExp(/(^[A-Z a-z]*$)|(^[\u4e00-\u9fa5]*$)/);
    if (!reg.test(content)) {
      showErrorMessage($container, $element, errorMessage);
      return false;
    }
    return true;
  },
  checkByRegExp: function($container, $element, regExp, content, errorMessage){
    var reg = new RegExp(regExp);
    if (!reg.test(content)) {
      showErrorMessage($container, $element, errorMessage);
      return false;
    }
    return true;
  }
};

/**
 * 检查是否为空
 */
var isNull = function(item){
  if(item == null || item == "" || item.replace(/(^\s*)|(\s*$)/g, "") == "" ){
    return true;
  }
  return false;
};

/**
 * 显示提示信息
 */
var showErrorMessage = function($container, $element, content){
  $element.popover({
    content: content,
    trigger: 'manual',
    container: $container
  }).popover('show').on({
      'blur': function(){
        $element.popover('destroy');
        $element.parent().removeClass('has-error');
      },
      'keydown': function(){
        $element.popover('destroy');
        $element.parent().removeClass('has-error');
      }
    }).focus().parent().addClass('has-error');
};

    到此，关于“怎么用Ajax异步方式实现登录与验证”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注创新互联网站，小编会继续努力为大家带来更多实用的文章！


    分享标题：怎么用Ajax异步方式实现登录与验证
    文章分享：http://lszwz.com/article/pddgod.html

    其他资讯

    售后响应及时

    7×24小时客服热线

    数据备份

    更安全、更高效、更稳定

    价格公道精准

    项目经理精准报价不弄虚作假

    合作无风险

    重合同讲信誉，无效全额退款

    联系我们

    TEL

    135-1821-9792

    028-86922220

    地址：乐山市太升南路288号锦天国际

    快捷导航

    Shortcut

    二维码

    QR CODE

    • 微信公众号

    • 手机端网站

    乐山小谭建站工作室是一家专注从事于高品质视觉体验及互联网设计开发，乐山网站建设，乐山网站设计，乐山网页设计，乐山网站制作，品牌网站建设，营销网站建设，集团网站建设，企业网站建设，外贸网站建设，响应式网站建设，小程序开发，微信开发，企业形象设计，企业宣传视频等服务，小谭建站位于乐山市龙岗区大运软件小镇，小谭建站拥有经验丰富的高级网站建设工程师和一流的网页高端设计人员，具备各种规模与类型网站建设的雄厚实力，在网站建设领域树立了自己独特的设计风格。
    友情链接 交换友情链接
    微博营销   域名ssl证书   升施印刷   定制网站设计   微商城开发   工业净化空调   路面机械及配件   四川航空文化   成都宣传画册设计   成都定制网站   

    Copyright © 2022 青羊区小谭信息技术咨询服务工作室 乐山建站工作室 All Rights Reserved   蜀ICP备2021004003号-25

    Copyright © 2022 青羊区小谭信息技术咨询服务工作室 乐山建站工作室 

    蜀ICP备2021004003号-25