以前在写网站前端的时候,我都喜欢用javascript的源码来写js程序。因为觉得jquery框架有点太大,而且现在是越拉越大了。总感觉不妥。可以当自己要用js写的项目要求严格,而且复杂程度较大是,用js来写觉得有点太费力了。所以开始研究jquery了。对表单的检验的话用他的插件就比较好的。了解validate如何实现的过程,可以自己指定出自己想要的框架了。
1、使用jquery来做插件,要用的里面的一个重要的方法$.extend().$data();这里我就不在赘述了。
2、如何是用javascript.validate:
一步:加载jquery框架和插件。记住jquery框架在写在前面
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.validate.min.js"></script>
可以到其官方网站下载:http://bassistance.de/jquery-plugins/jquery-plugin-validation/
二步:编写表单验证代码:
var validator = $("formId").validate({
// #formId为需要进行验证的表单ID
errorElement: "div", // 使用"div"标签标记错误, 默认:"label"
wrapper: "li", // 使用"li"标签再把上边的errorELement包起来
errorClass: "validate-error",// 错误提示的css类名"error"
onsubmit: true, // 是否在提交是验证,默认:true
onfocusout: true, // 是否在获取焦点时验证,默认:true
onkeyup: true, // 是否在敲击键盘时验证,默认:true
onclick: false, // 是否在鼠标点击时验证(一般验证checkbox,radiobox)
focusCleanup: false, // 当未通过验证的元素获得焦点时,并移除错误提示
rules: {
loginName: { // 需要进行验证的输入框name
required: true // 验证条件:必填
},
loginPassword: { // 需要进行验证的输入框name
required: true, // 验证条件:必填
minlength: 5 // 验证条件:最小长度为5
},
email: { // 需要进行验证的输入框name
required: true, // 验证条件:必填
email: true // 验证条件:格式为email
}
},
messages: {
loginName: {
required: "用户名不允许为空!" // 验证未通过的消息
},
loginPassword: {
required: "密码不允许为空!",
minlength: jQuery.format("密码至少输入 {0} 字符!")
},
email: {
required: "email不允许为空",
email: "邮件地址格式错误!"
}
}
})
从源码的角度来看validater()获得的参数是一个对象{} ,在这个对象列表中所有的属性都是可选的,如果不填就采用默认的方式检测。
分享到:
相关推荐
jquery.validate.1.9.0.min.js jquery.validate.1.12.0.min.js jquery.validate.1.13.1.min.js jquery.validate.1.16.0.min.js jquery.validate.1.14.0.min.js jquery.validate.1.15.1.min.js jquery.validate....
jquery.validate.js jquery.validate.js
jquery.validate.min.js 1.16.0插件,jquery验证
微软的jquery.validate.unobtrusive.js验证插件,可以用来验证单选和多选框的.
jquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.js...
jquery.validate.extend.js
jquery 验证表单1.8版本,附加常用地址 https://docs.microsoft.com/en-us/aspnet/ajax/cdn/jquery-validate/cdnjqueryvalidate18
NULL 博文链接:https://wwwzhouhui.iteye.com/blog/1068451
jquery.validate.js 和 帮助文档.rar
jquery.validate插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来...
jquery.validate.js表单验证 jquery.validate.messages_cn.js 表单验证中文提示
jquery.validate表单验证密码完整例子(带密码强度显示)
jquery.validate.js表单验证.pdf
jquery.validate1.7.js最新版本,除了需要为输入框手工添加很多很多属性(onkeyup, onkeydown等等), 而且还不够通用, 占用服务器资源和网络资源.但是当初也是花费了很久的时间完成的作品. 站在巨人的肩膀上, 让我感觉...
jQuery.validate.js 组件,可以使用,绝对好资源!!!