`
kong0itey
  • 浏览: 303044 次
社区版块
存档分类
最新评论

jquery validate 不用submit方式验证表单或单个元素

 
阅读更多
刚接触jquery不久,很多东西还不是很明白。点滴积累吧。




本笔记前提:正确引入jquery验证的相关文件




1、如果表单是submit方式提交,在提交时会自动验证。


2、如果不是submit提交,比如在js以方法中调用document.form.submit()方式,这时验证表单可用如下方式:



    function validateForm() {  
       //validate方法参数可选  
       return $("#form1").validate({  
           rules: {  
           },  
           messages:{  
           },  
           showErrors:showErrors  
       }).form();  
    }  
      
    function doSubmit(){  
        //do other things  
        //验证通过后提交  
         if(validateForm()){  
            document.form1.submit()  
        }  
    }  









3、验证一个单独的表单元素


    function validateForm() {  
    //验证id="form1"的表单中id="salary"的表单元素  
       $("#form1").validate().element($("#salary"))  
    }   


分享到:
评论

相关推荐

    jquery validate 表单验证

    2. **初始化验证**:在文档加载完成后,对表单元素应用验证规则,通常使用`$("#formId").validate()`。 3. **设置规则**:为表单字段设置验证规则,这可以通过`rules`属性完成,如`$("#inputId").rules("add", { ...

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

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

    jqueryvalidate验证demo 美化了表单元素

    刚刚研究了jqueryvalidate表单验证插件, 加了一些样式,出错提示和验证通过的提示,通过ajaxSubmit()异步提交表单 对input select 标签进行了简单美化。样式全是自己写的,不是网上照抄 适合初学jqueryvalidate, ...

    jQuery Validate插件验证表单小练

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

    关于jquery validate plugin 指定需要验证对象解决方案

    jQuery Validate Plugin通过监听表单事件,如`submit`,并在验证失败时阻止表单提交。`element()`方法用于验证单个元素,`valid()`方法用于验证整个表单。源码中包含了各种验证规则和错误处理机制,开发者可以根据...

    jQuery Validate表单验证插件

    1. **自动验证**:当表单元素失去焦点时,jQuery Validate会自动进行验证。 2. **自定义验证规则**:开发者可以通过编写新的验证方法来扩展内置的验证规则。 3. **错误消息定制**:可以为每个验证规则设置特定的错误...

    jQuery validate框架的个性化验证

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

    jquery validate 验证自定义样式

    2. **初始化验证**:在你的JavaScript代码中,调用`$("#formId").validate()`来启动验证功能,其中`#formId`是你的表单元素ID。 3. **自定义错误消息**:通过设置`messages`选项,你可以修改默认的验证错误消息。...

    jquery validate 验证手册

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

    jQuery Validate插件实现表单验证

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

    jQuery Validate表单验证深入学习

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

    jquery validate例子

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

    jquery.validate表单验证密码完整例子(带密码强度显示)

    2. **初始化验证**:使用`jQuery`选择器找到需要验证的表单元素,并调用`.validate()`方法,配置相应的验证规则。例如,对于密码字段,可能有`required`(必填)、`minlength`(最小长度)和自定义的正则表达式规则...

    jQuery validate 表单验证源码

    jQuery validate 是一个非常流行的JavaScript库,用于在客户端进行表单验证。它简化了HTML表单的验证过程,提供了丰富的选项和方法来定制验证规则。在ASP.NET开发中,结合jQuery validate,可以创建用户友好的、交互...

    jquery表单验证实例,对数字,字数,必填项等校验

    `jQuery Validate`是基于`jQuery`的一个插件,专门用于实现客户端的表单验证,它可以高效且易于地实现对数字、字数、必填项等各种类型的验证。 在"jquery表单验证实例,对数字,字数,必填项等校验"这个项目中,...

    jquery validate 信息气泡提示

    总之,通过 jQuery Validate 和 PoshyTip 的结合,我们可以构建一个功能强大且用户体验良好的表单验证系统,有效地提示用户修正错误,提高表单填写的准确性。同时,PoshyTip 提供的丰富配置选项使得提示信息的样式和...

    jquery validate依赖包及其帮助文档.rar

    5. 在表单提交事件中,jQuery Validate会自动处理验证,只有当所有字段都通过验证时,表单才会提交。 例如,一个简单的应用示例: ```html <!DOCTYPE html> <script src="https://code.jquery....

    jquery.validate.js jquery表单验证

    `jQuery Validate` 提供了一种声明式的方式来设置验证规则,可以直接在 HTML 表单元素上使用特定的属性(如 `required`、`minlength`、`email` 等)来指定验证规则,也可以通过 JavaScript 代码动态设置。...

    jQueryValidate.rar

    在使用jQuery Validate时,我们需要对目标表单元素添加特定的class或者data属性来指定验证规则。例如,我们可以使用`required`标志来表明某个字段是必填的,或者使用`minlength`和`maxlength`来限制输入的字符长度。...

Global site tag (gtag.js) - Google Analytics