如何使用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

相关推荐