如何使用Jquery formValidator插件
第一次接触JqueryformValidator插件,起初还真没有明白如何使用该插件,网上接受的也就是一些介绍类的东西,后来看到了一篇介绍如何使用该插件的文章,这才明白了该如何使用,现在记录下来几个关键点:
1.导入js文件、css样式和几张图片
<scriptsrc="Scripts/jquery-1.4.1.min.js"type="text/javascript"></script><!--jquery必须库-->
<scriptsrc="formValidator1/formValidator-4.0.1.min.js"type="text/javascript"></script><!--表单验证必须库-->
<scriptsrc="formValidator1/formValidatorRegex.js"type="text/javascript"></script><!--表单验证扩展库-->
<linkhref="formValidator1/style/validator.css"rel="stylesheet"type="text/css"/><!--表单验证样式表-->
2.关键一点是,input中的id,例如为id="username",则提示信息<divid="">必须为id="usernameTip"即多一个Tip,必须要多一个Tip,至于为什么现在我也不太清楚。
例如:
<tableborder="0px"style="font-size:12px">
<tr>
<tdcolpan="3"><inputtype="submit"name="button"id="button"value="提交"/></td>
</tr>
<tr>
<tdalign="right">身份证(正则表达式库):</td>
<td><inputname="sfz"type="text"id="sfz"/></td>
<td><divid="sfzTip"style="width:300px"></div></td><!--必须注意这里提示验证信息中的div的id值,跟要验证控件中的id值多了一个Tip,下面的都是这样。必须多的是Tip,也必须要多。-->
</tr>
推荐一个链接,我也是看了这篇博客才看明白的。
http://www.cnblogs.com/knowledgesea/archive/2012/05/21/2511936.html