当前位置：首页 > 资讯 > 技术文档

jQuery Validation Plugin验证插件手动验证

时间：2021-12-18 02:39 编辑：来源：阅读：
扫一扫，手机访问

摘要：jQuery Validation Plugin验证插件手动验证

jquery.validate是jquery旗下的一个验证框架，借助jquery的优势，我们可以迅速验证一些常见的输入,并且可以自己扩充自己的验证方法，并且对国际化也有很好的支持。 [b]正常的验证模式如下:[/b]

<form id="ff" action="xxx"> 
... 
<input type="submit" value="提交"> 
</form> 
[java] view plaincopy在CODE上查看代码片派生到我的代码片
$('#ff').validate()

这样只要点击提交按钮,插件会自动进行验证. 但是有时候我们想要点击其它按钮来验证一下表单,接着根据表单的验证结果来做剩下的事情. 查看源码发现有个form()方法,这个方法就是进行验证操作,虽然方法字面意思不太相符. 然后我们就可以这样操作:

var validator;// 申明一个全局变量 
$(function(){ 
validator = $('#ff').validate();// 这句话会返回一个对象 
}) 
function add() { 
var b = validator.form();// 返回一个布尔值 
if(b){ // 验证成功 
// do add... 
} 
} 
<button onclick="add()">保存</button>

如果验证出错了,会显示错误信息,如果要清除错误信息可以调用validator.resetForm();方法这样有了validator.form()和validator.resetForm()两个方法我们就可以灵活使用验证插件了. [b]验证字段[/b] required –必填字段 remote – 远程验证 minlength – 最小长度验证 maxlength – 最大长度验证 rangelength – 长度范围验证 min – 最小值验证 max – 最大值验证 range – 范围值验证 email – 邮件地址验证 url – URL地址验证 date –日期验证 dateISO –ISO 日期格式验证 number –十进制数验证 digits –数字验证 creditcard – 信用卡号验证 equalTo –和另外一个文本框的值相等验证

全部评论(0)

上一篇：jquery关于表格及表格列隐藏和显示问题探讨
下一篇：jQuery实现全选、反选和不选功能

资讯排行榜
更多>>