<form id="my-form">
<label for="fname">First Name</label><input type="text" id="fname" name="fname" /><br />
<label for="lname">Last Name</label><input type="text" id="lname" name="lname" /><br />
<input type="submit" />
</form>
<span id="message"></span>
<script type="text/javascript">
$("#my-form").validate({
debug: true,
rules: { fname: { required: true }, lname: { maxlength: 5 } },
"onfocusout": function(e) { $(e).valid(); },
"onkeyup": function(e) { $(e).valid(); },
showErrors: function(errorMap, errorList) {
var formSelector = '#' + this.currentForm.id;
var formObject = $(formSelector);
var validateObject = formObject.validate();
var numberOfInvalids = validateObject.numberOfInvalids();
document.getElementById('message').innerHTML = numberOfInvalids;
this.defaultShowErrors();
}
});
$("#my-form").validate().form(); // cause the form to validat.
</script>
分享到:
相关推荐
jquery validate 验证手册
自做的一个简单的表单验证 jquery validate 表单验证 jquery validate 表单验证
jquery validate例子 能用
jquery.validate表单验证密码完整例子(带密码强度显示)
jQuery validate 验证 个性化验证
jquery validate验证示例各种验证 齐全包含jquery需要用的js文件
非常好的Jquery validate:每个案例独立,都有注释 讲解了: 环境搭建 常见验证方法配置 国际化错误消息 自定义方法和远程验证 给验证添加 图标效果
jQuery.validate验证,很全面的文档。
JQuery Validate插件的验证规则和例子,合成AJAX,局部刷新
jquery validate表单验证插件制作注册表单提交验证 jquery validate表单验证插件制作注册表单提交验证
只验证格式,不验证有效性。 7 number:true 必须输入合法的数字(负数,小数)。 8 digits:true 必须输入整数。 9 creditcard: 必须输入合法的信用卡号。 10 equalTo:"#field" 输入值必须和 #field 相同。 11 accept...
jQuery Validate插件验证表单小练。
jquery.validate是一个基于jquery的非常优秀的验证框架,我们可以通过它迅速验证一些常见的输入,并且可以自己扩充自己的验证方法,而且对国际化也有非常好的支持。
jquery validate验证详细解答
Jquery validate表单验证Demo.zip Jquery validate表单验证Demo.zip Jquery validate表单验证Demo.zip Jquery validate表单验证Demo.zip Jquery validate表单验证Demo.zip
NULL 博文链接:https://wwwzhouhui.iteye.com/blog/1068451
刚刚研究了jqueryvalidate表单验证插件, 加了一些样式,出错提示和验证通过的提示,通过ajaxSubmit()异步提交表单 对input select 标签进行了简单美化。样式全是自己写的,不是网上照抄 适合初学jqueryvalidate, ...
jQuery Validate表单验证插件,前端jq验证,jq验证插件
jQuery验证框架jquery.validate.js说明文档 手册
jquery-validate 可对前端form进行表单校验,文档里详细介绍了如何使用jquery-validate框架和如何扩展验证方法。