Jquery+Jquery.metadata.js 的验证方式,这种验证方式可减少代码量,并且重用性高,因为有部分验证的代码是封装好的我们直接拿来用就可以了,如果封装好的验证不能够满足需求的话还可以自己自定义验证函数,之前公司用的是struts2自带的验证方式,用起来感觉很臃肿而且重用性不高,并且每次修改了xml文件的话还需要重启服务器,所以我自己找资料写了个jquery.metadata.js的验证方式。
一、 首先需要引入js库需要引入的js如下:
1.<scriptsrc="valForm/jquery.js"type="text/javascript"></script>
2.<scriptsrc="valForm/jquery.validate.js"type="text/javascript">
</script>
3.<scriptsrc="valForm/jquery.metadata.js"type="text/javascript">
</script>
4.<script src="valForm/messages_cn.js" type="text/javascript">
</script>
5.<scriptsrc="valForm/validateMessage.js"type="text/javascript">
</script>
下面介绍下这五个文件,第1-4个js文件是封装好的不需要我们去写,用的时候只需要引入就好,第5个文件属于样式的验证,比如验证不通过会调用样式文件中的方法显示错误的图片
二、引入js完成后,可直接将这段js代码copy到页面中即可
图一:
三、引入的第5个js内容如图二,图一中调用的checkMsg方法就是调用图二中的checkMsg方法,因为没有找到jquery对于电话号码的验证封装,所以在这里还可以自定义验证函数,图二中的jQuery.validator.addMethod()方法就是自定义的对于电话号的验证封装,如果以后在页面上想要使用电话号码验证,只需要加上如下代码即可:
<inputtype="text" name="telephone" id="telephone" class="{required:true,phone:true}"/>
图二:
四、图三为HTML代码,validator的验证是在class属性中配的,根据不同要求配不同的配置
<input type="password" name="repass" class="{required:true,minlength:6,maxlength:10,equalTo:'#password'}"/>
required为非空选项,minlength为输入框的最小字符数,maxlength为输入框的最大输入字符个数,equalTo:'#password'为验证重复密码的,格式规定要这么写
图三:
相关推荐
使用class="{}"的方式,必须引入包:jquery.metadata.js 可以使用如下的方法,修改提示内容: class="{required:true,minlength:5,messages:{required:'请输入内容'}}" 在使用equalTo关键字时,后面的内容必须加上...
jquery.validate.js jquery.metadata.js jquery.autocomplete.js的打包合集,这些jquery的扩展包非常好用,希望对需要的童鞋有用
jquery.metadata.2.1.js
jquery.metadata.js
jquery.metadata.js下载
jquery validate用于前台验证,里面的remote异步验证,jquery.metadata.js加载后可以直接在控件旁写class{}
Jquery+Jquery.metadata.js 的验证方式,这种验证方式可减少代码量,并且重用性高,因为有部分验证的代码是封装好的我们直接拿来用就可以了
jQuery插件——jQuery.metadata.js
页面,表单校验必备js文件,如注册,登录界面
在其他的网站好不容易才找到的jQuery Metadata模块2.0版本源代码
在其他的网站好不容易才找到的jQuery Metadata模块1.0版本源代码
juery.metadata.js,jquery表单验证插件
jquery.metadata.2.0.zip jquery metadata插件
jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来...
jquery插件所需要的js代码,包括 jquery.js的不同版本,jquery.cookie.js,jquery.form.js,jquery.metadata.js,jquery.validate.js,jquery.simplemodal.js
提供jquery验证插件的专用js文件,包括jquery.js、jquery.validation.js、jquery.metadata.js,满足使用jquery-validate插件的需求
Myeclipse 下 workspace 的 .metadata 配置文件
有些时候你会感觉到myeclipse8.5很慢很慢,为什么?,设置了myeclipse优化后一样的效果,呵呵,现在告诉你秘密所在吧:原因就是myeclipse 8.5工作空间的.metadata
jquery-validation 需要表单验证的js jquery.validate.js jquery.metadata.js jquery.validate.messages_cn.js