`
Javahuhui
  • 浏览: 80856 次
  • 性别: 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插件验证表单小练

    jQuery Validate 插件是Web开发中广泛使用的工具,主要用于实现前端表单验证,它极大地简化了用户输入数据的检查过程,提供了丰富的验证规则和自定义方法。在这个“jQuery Validate插件验证表单小练”中,我们将深入...

    jquery validate表单验证插件制作注册表单提交验证

    在本文中,我们将深入探讨如何使用jQuery Validate插件来创建一个功能完备的注册表单,进行数据提交前的验证。jQuery Validate是一个强大的JavaScript库,它为HTML表单提供了灵活且易于使用的验证规则,确保用户输入...

    jquery validate 验证自定义样式

    在本文中,我们将深入探讨如何利用jQuery Validate来创建自定义验证样式。 首先,我们从标题"jquery validate 验证自定义样式"开始。jQuery Validate插件默认提供了一些基本的样式,但这些样式可能不能满足所有设计...

    jQuery validate框架的个性化验证

    jQuery Validate 是一个强大的客户端验证插件,用于在用户提交表单前进行实时验证。这个框架大大简化了HTML表单的验证过程,提供了丰富的内置验证规则和可扩展的自定义验证功能,使得表单验证更加人性化和高效。 1....

    jquery validate 验证手册

    《jQuery Validate验证手册》是针对JavaScript库jQuery的一个插件,主要功能是提供强大的表单验证功能,帮助开发者创建用户友好的、功能丰富的交互式表单。这个插件基于jQuery库,利用JavaScript的强大功能,简化了...

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

    AJAX验证 jQuery Validate插件支持通过AJAX进行远程验证。这允许我们在服务器端检查输入数据的合法性,而无需立即提交表单。以下是一个示例: ```javascript $("#myForm").validate({ rules: { fieldName: { ...

    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表单验证Demo下载

    在本文中,我们将深入探讨jQuery Validate插件,这是一种强大的JavaScript工具,用于实现高效且易于定制的表单验证。这个插件极大地简化了在网页中创建用户注册和其他表单提交时的验证过程。以下是对该插件及其应用...

    jQuery Validate表单验证深入学习

    jQuery Validate插件是前端开发中用于表单验证的常用JavaScript库,它能够方便地集成到jQuery项目中,并提供了一套丰富的验证规则和方法。通过该插件,开发者可以快速实现对表单输入数据的验证,确保数据的准确性和...

    jquery validate例子

    此外,jQuery Validate提供了丰富的事件和方法,如`submitHandler`(表单提交时触发)、`valid`(验证通过时触发)和`invalid`(验证失败时触发),可以帮助开发者在验证过程中进行更精细的控制。 现在,我们来看一...

    jQuery.validate验证

    总的来说,jQuery.validate是JavaScript开发中不可或缺的工具,它简化了表单验证的过程,提高了代码的可读性和维护性。通过深入理解和灵活运用,开发者可以创建出高效且用户友好的表单验证机制。

    jquery validate验证示例

    在这个“jquery validate验证示例”压缩包中,很可能包含了 `jQuery Validate` 插件的核心文件以及一些示例代码,帮助开发者快速理解和使用这个插件。 首先,`jQuery Validate` 的核心功能包括: 1. **基本验证**...

    Jquery validate和form插件

    `jQuery validate` 和 `jQuery form` 插件是 jQuery 生态系统中的两个重要工具,它们分别用于增强表单验证和实现 AJAX 无刷新提交,从而提供更流畅的用户体验。 **jQuery validate 插件** `jQuery validate` 是一...

    jquery validate的漂亮css样式验证

    7. **异步验证**:对于需要服务器验证的情况,`jQuery Validate`提供了一个`.ajax()`方法,可以在提交表单前发送请求,根据响应决定是否允许提交。 8. **验证插件的使用**:在实际项目中,你可能需要结合其他插件,...

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

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

    jquery validate 自动绑定校验规则

    除了基本的验证功能,`jQuery Validate`还可以与其他库结合使用,比如`Ajax`提交表单数据。此外,通过自定义样式和错误提示位置,可以提升用户体验。 7. **最佳实践** 使用`jQuery Validate`时,推荐遵循以下最佳...

    jQuery Validate插件实现表单验证

    jQuery Validate插件是一个非常流行的JavaScript库,它在客户端实现表单验证方面提供了广泛的功能。通过利用这个插件,开发者可以轻松地在用户的浏览器端对表单数据进行检查,以确保输入的数据符合特定的格式和规则...

    jquery validate 使用详解

    jQuery Validate 是一款强大的表单验证插件,基于 jQuery 框架开发而成。它能够帮助开发者轻松实现客户端表单验证功能,大大提高了用户体验并减少了服务器端的压力。通过简单地配置选项,即可启用各种内置验证规则。...

    jquery validate和validform验证插件的对比.pdf

    对于**Ajax验证**,jQuery Validate 可以结合AJAX技术实现异步验证,通过`.ajaxSubmit()`或`.ajaxForm()`方法,轻松实现后台数据验证,而不会打断用户的操作流程。Validform 也支持异步验证,通过`beforeSubmit`和`...

    jquery-validate验证框架使用详解

    jQuery Validate 是一个强大的JavaScript验证库,它为网页表单提供了灵活且易于使用的验证功能。这个框架可以帮助开发者轻松地实现对用户输入数据的有效性检查,确保数据的准确性和完整性,从而提高用户体验并减少...

Global site tag (gtag.js) - Google Analytics