jQuery formValidator表单验证插件4.1.1提供下载

演示地址: http://www.yhuan.com/formValidator4.1.1/demo8.html
下载链接: http://www.yhuan.com/formValidator4.1.1/formvalidator4.1.1.rar
升级记录: http://www.yhuan.com/formValidator4.1.1/doc/update.html
在线帮助文档: http://www.yhuan.com/formValidator4.1.1/doc/index.html
帮助文档下载: http://www.yhuan.com/formValidator4.1.1/jQuery%20forValidator4.1.1帮助文档.CHM

笔记:

1、加入

    <script type="text/javascript" src="new/jquery-1.4.4.min.js"></script>
<script src="new/formValidator-4.1.1.js" type="text/javascript" charset="UTF-8"></script>
<script src="new/formValidatorRegex.js" type="text/javascript" charset="UTF-8"></script>

2、对应加好tip显示单元格,如,“联系邮箱”的ID是 txtMail 那么提示层的ID为txtMailTip

                          <td>联系邮箱:<input  id="txtMail"/></td><td ><div id="txtMailTip"></div></td>

                          <td>联系电话:<input  id="txttel"/></td><td ><div id="txttelTip"></div></td>

3、代码仿写:

$("#txtName").formValidator({onShow:"请输入姓名",onFocus:"仅限汉字",onCorrect:"格式正确"}).regexValidator({regExp:"chinese25",dataType:"enum",onError:"仅限2~5个汉字"});

 

这种formValidator 表提示,regexValidator正则表达示验证,可以更改formValidatorRegex.js来实现

 


  $("#password1").formValidator({onShow:"请输入密码",onFocus:"至少1个长度",onCorrect:"密码合法"}).inputValidator({min:1,empty:{leftEmpty:false,rightEmpty:false,emptyError:"密码两边不能有空符号"},onError:"密码不能为空,请确认"});

 

同上,inputValidator输入验证

 


 

你可能感兴趣的:(formvalidator)