日期:2014-05-16  浏览次数:20393 次

jquery.metadata.js 方式验证用户输入框功能

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-4js文件是封装好的不需要我们去写,用的时候只需要引入就好,第5个文件属于样式的验证,比如验证不通过会调用样式文件中的方法显示错误的图片

二、引入js完成后,可直接将这段js代码copy到页面中即可

图一