刚接触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通过监听表单事件,如`submit`,并在验证失败时阻止表单提交。`element()`方法用于验证单个元素,`valid()`方法用于验证整个表单。源码中包含了各种验证规则和错误处理机制,开发者可以根据...
jQuery.validate插件是一个强大的、易于使用的JavaScript库,它使得在jQuery环境下进行表单验证变得简单而高效。本文将深入探讨jQuery.validate的使用方法以及源码解析,帮助开发者更好地理解和运用这一工具。 首先...
随着前端技术的发展,JQuery Validate插件虽然功能强大,但也有新出现的现代JavaScript库和框架,如Vue.js、React或Angular,它们提供了更加模块化和声明式的表单处理方式。尽管如此,对于小型项目或者需要快速实现...
1. **Validator 对象**:`validate` 方法返回一个 `Validator` 对象,该对象包含了多个方法用于触发验证逻辑或修改表单内容。 2. **常用方法**: - **validate(options)**:初始化表单验证,传入配置项。 - **...
- 可以用来获取或修改某个表单元素的验证规则。 ##### 4. `rules("add", rules)` - **返回**: `Options` - **描述**: 增加新的验证规则。 - **参数**: - `rules`: 要添加的验证规则,可以是一个规则对象。 ###...
- **描述**: 验证单个表单元素。 - **返回**: 布尔值。 - **示例**: ```javascript if (validator.element('#username')) { alert('用户名验证通过!'); } else { alert('用户名验证失败!'); } ``` 3. *...
3. **多文件上传支持**:jQuery Form Plugin特别适合处理多文件上传,通过`iframe`隐藏元素,可以绕过浏览器对单个文件大小的限制,实现大文件或多个文件的上传。 4. **自定义事件**:插件提供了一系列的自定义事件...