`
Javahuhui
  • 浏览: 78806 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

jquery validate ajax 验证

阅读更多
$(document).ready(function(){ 
 
  jQuery.validator.addMethod("phonecheck", function(value, element) {   //添加一个phonecheck方法,来自定义check规则 
      string = value.match(/0(\d{2,2})-(\d{7,7})/ig); 
      if(string != null){ 
          return true; 
      }else{ 
          return false; 
      } 
  }, "telphone number like 021-1234567"); 
 
  jQuery.validator.addMethod("phonesame", function(value, element) {    //用jquery ajax的方法验证电话是不是已存在 
      var flag = 1; 
      $.ajax({ 
          type:"POST", 
          url:'tel.php', 
          async:false,                                             //同步方法,如果用异步的话,flag永远为1 
          data:{'tel':value}, 
          success: function(msg){ 
               if(msg == 'yes'){ 
                   flag = 0; 
               } 
          } 
      }); 
 
      if(flag == 0){ 
          return false; 
      }else{ 
          return true; 
      } 
 
  }, "sorry number have been exist"); 
 
  $("#myform").validate({ 
    errorPlacement: function(error, element) { 
         error.insertAfter(element); 
     }, 
     rules:{ 
             username:{ 
               required:true, 
               remote:{                         //自带远程验证存在的方法 
                 url:"tel.php", 
                 type:"post", 
                 dataType:"html", 
                 data:{ 
                      username:function(){return $("#username").val();} 
                 }, 
                 dataFilter: function(data, type) { 
                      if (data == "yes") 
                          return true; 
                      else 
                          return false; 
                 } 
              } 
             }, 
          telphone:{ 
              required:true, 
              rangelength:[11,11], 
              phonecheck:true, 
              phonesame:true 
          } 
      }, 
      messages:{ 
          telphone:{ 
              required:"Please enter your phone", 
              rangelength:"phone must be 11 numbers" 
          }, 
          username:{ 
              required:"Please enter your username", 
              remote:"the username have been exist" 
          } 
      }, 
     debug:true 
   }) 
}); 
</script> 


  


  
分享到:
评论

相关推荐

    jQuery Validate插件ajax方式验证输入值的实例

    使用jQuery Validate插件可以使用remote校验规则完成验证。 示例: 一.基本用法 1.需要验证的表单 &lt;form id="registForm"&gt; &lt;input type="text" id="username" name="username"&gt; &lt;/form&gt; 2.js ...

    JQuery Validate插件的验证规则和例子,合成AJAX

    JQuery Validate插件的验证规则和例子,合成AJAX,局部刷新

    jquery+validate.js+验证规则文件

    2 remote:"check.php" 使用 ajax 方法调用 check.php 验证输入值。 3 email:true 必须输入正确格式的电子邮件。 4 url:true 必须输入正确格式的网址。 5 date:true 必须输入正确格式的日期。日期校验 ie6 出错,慎...

    Jquery validate和form插件

    Jquery validate和form两个插件,完美进行表单验证和Ajax无刷新方式提交form表单,很有用的哦。

    jQuery Validate表单验证深入学习

    之前一篇文章介绍了jQuery Validate表单验证入门的基础知识,详细内容参见《jQuery Validate表单验证入门学习》,今天这篇文章深入学习jQuery Validate表单验证,以下就是文章的全部内容: 1、用其他方式替代默认的 ...

    jQuery validate插件实现ajax验证重复的2种方法

    主要介绍了jQuery validate插件实现ajax验证重复的2种方法,结合完整实例形式分析了jQuery validate插件的使用技巧,需要的朋友可以参考下

    jquery validate和jquery form 插件组合实现验证表单后AJAX提交

    要实现表单验证和无刷新提交表单我们可以使用jQuery的两个很好用的插件——jquery validate.js 和 jquery form.js.具体详细说明情况下文。 1、jQuery validate.js,它说白了就是一个很高尚的人为我们写好了各种表单...

    jquery.validate.min.js

    jquery 验证表单1.8版本,附加常用地址 https://docs.microsoft.com/en-us/aspnet/ajax/cdn/jquery-validate/cdnjqueryvalidate18

    jQuery Validate 表单验证插件使用方法

    (2) remote:"check.php" 使用ajax方法调用check.php验证输入值 (3) email:true 必须输入正确格式的电子邮件 (4) url:true 必须输入正确格式的网址 (5) date:true 必须输入正确格式的日期 (6) dateISO:true 必须...

    jqueryValidate

    自定义ajax jQuery验证,用户向后台提交数据进行的前端数据验证

    jQuery验证控件jquery.validate.js使用说明+中文API

    jQuery 验证控件 jquery.validate.js 使用说明 + 中文 API jQuery 验证控件 jquery.validate.js 是一个功能强大且广泛使用的 JavaScript 验证插件,旨在帮助开发者快速实现表单验证功能。下面是 jquery.validate....

    jquery validate.js表单验证的基本用法入门

    jQuery使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。...

    jQuery Validation表单验证插件实例打包.rar

    jQuery Validation表单验证插件实例合集,是锋利的JQuery第七章中的一个典型实例,一步步向大家讲解如何使用基于jQuery的表单验证插件jquery.validate.js和jquery.validate.messages_cn.js的使用方法,一共包含了7个...

    jquery表单验证差价validate简单示例

    一个简单的validate表单验证例子,包含的通用为空、格式(邮政编码等)、自定义验证、ajax验证……

    jquery.validate.js

    jquery.validate.js 是 jquery 旗下的一个验证插件,借助 jquery 的优势,我们可以迅速验证一些常见的输入 , 并且可以自己扩充自己的验证方法

    jquery+ajax验证不通过也提交表单问题处理

    2 使用ajax提交表单,但是没有使用ajax验证.  这种方式也比较简单,在我们使用ajax请求前检查验证是否通过就可以,例如: 代码如下: //验证不通过时return   if(!$(“form#ajaxForm”).validationEngine(“validate...

    jquery validate 通用表单验证组件(带Tips提示)

    内容索引:脚本资源,jQuery,表单验证,Tip 虽然这功能很简单,但想在网上找到适合自己使用的还真不多,这一款表单验证组件是根据网上的整理完善的,从调用速度上来说,比较快,而且加入了动画效果的TIP提示,整体感觉...

    jQuery validate+artdialog+jquery form实现弹出表单思路详解

    在页面中将表单放到一个隐藏的容器中,用artdialog弹出该form并对form加上jqueryvalidate验证,提交采用jqueryform ajax提交,由于都是用现成的插件写作代码量很少。 &lt;div id="g_cn" style="display:none;w

Global site tag (gtag.js) - Google Analytics