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