基于jQuery的jValidate表单验证插件
网上各种表单验证插件的验证规则都是用脚本编写的,而我的插件的验证规则是用表单元素的属性编写的。例如,复制代码如下:输入名称=' name ' type=' text ' id=' name ' size=' 30 ' jvpattern='。$“jverrortip=”请输入正确的名称。jvt ipid=' SPT _ name ' JVM method=' check name '。/span id=' SPT _ name ' class=' normal tips ' jverror class=' error tips ' jvcorrectorclass=' correct tips '/span注意上面代码中以“jv”开头的各种属性名,它们是表单验证插件需要的属性值。请阅读下表,了解每个属性所代表的含义:1。表单表中控件元素可以使用的属性:属性名描述了jvpattern用来验证控件值是否正确的正则表达式。(此属性可能未定义。)jvcompareid要求将其他控件的id与当前控件进行比较,以获得相等的值。(此属性可能未定义。)jvrequired指示是否需要当前控制值,即当前控制值是否允许为空。如果未定义此属性,则默认情况下它不可为空,如果值为false或0,则允许为空。(此属性可能未定义。)jvmethod定义了一个需要额外验证的方法。(此属性可能未定义。)如果定义了这个属性值,则不需要输入“括号”,函数原型为:xx函数(项){//code //true表示验证成功,false表示验证失败。返回真/假;//或返回带有错误消息的{result: true/false,message: '错误消息' };}其中item参数是当前控件对象的jQuery实例。Jvtipid显示验证提示的控件id。(此属性可能未定义。)注意:如果未定义此属性,且未定义onerror或oncorrect函数,则默认为警报提示jverrortip,验证失败时会显示该提示。(此属性可能未定义)jvcorrecttip是验证成功时显示的提示消息。(此属性可能未定义)验证失败后,jvfocuson是否需要将光标移动到控件。(可能未定义此属性)必须在控件上定义jvpattern、jvmethod和jvcompareid中的一个或多个,否则插件将不会验证相应的控件。2.提示控件元素可以使用的属性:提示控件是由窗体控件jvtipid指定的控件。该名称描述了jvnormalclass在正常情况下显示提示信息时使用的css样式的类名。(此属性可能未定义)成功验证jvcorrectclass后显示提示信息时使用的css样式的类名。(此属性可能未定义)jverrorclass验证失败后显示提示信息时使用的css样式的类名。(此属性可能未定义。)设置好控制规则后,可以直接激活并调用jValidate,这样就可以在提交前对表单进行验证和检查。示例:$(“form”)。jValidate();或者用参数调用:$(“form”)。jvalidate({ blur validate : true,isbubble 3360 false,onerror 3360函数(项,窗体){$。jmessagebox.show ('error ',item . attr(' jverrortip ');} });可设置参数请阅读下表:参数名称表示isbubble是否允许“冒泡”,即是否逐个检查每个控件的值。如果该值为真,则将逐一检查和验证所有设置了验证规则的控件;如果该值为假,当一个控制值验证失败(不满足条件)时,将退出后续控制的检查。默认值为假。注意:如果在弹出窗口中显示提示信息,建议将该值设置为false,以免一次给出更多提示,导致用户重新发送。Blurvalidate设置是否在每个控件失去焦点后立即检查和验证。默认值为假。Emptytip是否允许空提示。也就是说,当没有提示信息显示时,提示控件是否允许改变css类。默认值为falseoncorrect。当控制值验证成功时,调用要处理的方法。如果未定义,则采用默认行为。函数原型:函数(item,form){//code},其中参数item:表示当前控件的jQuery实例;表单:指示控件所在的错误上的表单实例在控件的验证
函数原型:函数(item,form){//code},其中参数item:表示当前控件的jQuery实例;表单:显示了控件所在的表单实例的示例屏幕截图:。
源代码下载包附带jMessageBox示例//www . JB 51 . net/jiao Ben/23094 . html。
版权声明:基于jQuery的jValidate表单验证插件是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。