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

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 plugin 指定需要验证对象解决方案

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

    jQuery.validate 用法

    jQuery.validate插件是一个强大的、易于使用的JavaScript库,它使得在jQuery环境下进行表单验证变得简单而高效。本文将深入探讨jQuery.validate的使用方法以及源码解析,帮助开发者更好地理解和运用这一工具。 首先...

    JQuery validate 验证一个单独的表单元素实例

    随着前端技术的发展,JQuery Validate插件虽然功能强大,但也有新出现的现代JavaScript库和框架,如Vue.js、React或Angular,它们提供了更加模块化和声明式的表单处理方式。尽管如此,对于小型项目或者需要快速实现...

    jquery validate api

    1. **Validator 对象**:`validate` 方法返回一个 `Validator` 对象,该对象包含了多个方法用于触发验证逻辑或修改表单内容。 2. **常用方法**: - **validate(options)**:初始化表单验证,传入配置项。 - **...

    jQuery validate 中文API 附validate.js中文api手册

    - 可以用来获取或修改某个表单元素的验证规则。 ##### 4. `rules("add", rules)` - **返回**: `Options` - **描述**: 增加新的验证规则。 - **参数**: - `rules`: 要添加的验证规则,可以是一个规则对象。 ###...

    jQuery.validate.js 中文文档.pdf(整理)

    - **描述**: 验证单个表单元素。 - **返回**: 布尔值。 - **示例**: ```javascript if (validator.element('#username')) { alert('用户名验证通过!'); } else { alert('用户名验证失败!'); } ``` 3. *...

    jquery.form.js和使用说明

    3. **多文件上传支持**:jQuery Form Plugin特别适合处理多文件上传,通过`iframe`隐藏元素,可以绕过浏览器对单个文件大小的限制,实现大文件或多个文件的上传。 4. **自定义事件**:插件提供了一系列的自定义事件...

Global site tag (gtag.js) - Google Analytics