首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

怎么使用Jquery formValidator插件

2013-06-26 
如何使用Jquery formValidator插件第一次接触Jquery formValidator 插件,起初还真没有明白如何使用该插件,

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

热点排行