`
layznet
  • 浏览: 226841 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

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"))
}
分享到:
评论
4 楼 gotosuzhou 2015-04-28  
很多错误,我只想让其显示一个 如何来设置
3 楼 zhwenvinson 2013-08-21  
非常感谢。
2 楼 禀圣含华 2012-07-26  
报错啊  Uncaught TypeError: Cannot call method 'form' of undefined

什么情况啊
1 楼 manneting 2012-01-30  
多谢代码!

相关推荐

    关于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