注册页面 FormValidator插件 使用

最近修改注册页面
尝试使用了JQuery的一个插件  FormValidator插件 主要是实现注册页面的的判断，功能很棒。
使用该插件的时候：首先要根据自己的所需验证：
添加文件即可：比如我引入了，
<link type="text/css" rel="stylesheet" href="../css/validator.css"></link>
<script src="../../js/jquery.js" type="text/javascript" charset="UTF-8"></script>
<script src="../../js/formValidator.js" type="text/javascript" charset="UTF-8"></script>
<script src="../../js/formValidatorRegex.js" type="text/javascript" charset="UTF-8"></script>
这四个文件  不能少了。
之后我使用了  脚本语言：
<script type="text/javascript">
$(document).ready(function()
{

    $.formValidator.initConfig({formid:"form1",onerror:function(msg){alert(msg)},onsuccess:function(){alert('ddd');return false;}});//这一句起在提交前的判断作用，就是如果其中有一个验证为空 ，就不可以提交页面数据

    $("#test1").formValidator({onshow:"请输入用户名",onfocus:"用户名至少6个字符,最多10个字符",oncorrect:"该用户名可以注册"}).inputValidator({min:6,max:10,onerror:"用户名不能为空,请确认"});
    $("#password1").formValidator({onshow:"请输入密码",onfocus:"密码不能为空",oncorrect:"密码合法"}).inputValidator({min:1,empty:{leftempty:false,rightempty:false,emptyerror:"密码两边不能有空符号"},onerror:"密码不能为空,请确认"});
    $("#password2").formValidator({onshow:"请输入重复密码",onfocus:"两次密码必须一致哦",oncorrect:"密码一致"}).inputValidator({min:1,empty:{leftempty:false,rightempty:false,emptyerror:"重复密码两边不能有空符号"},onerror:"重复密码不能为空,请确认"}).compareValidator({desid:"password1",operateor:"=",onerror:"2次密码不一致,请确认"});
    $("#email").formValidator({onshow:"请输入邮箱",onfocus:"邮箱6-100个字符,输入正确了才能离开焦点",oncorrect:"恭喜你,你输对了",defaultvalue:"@",forcevalid:true}).inputValidator({min:6,max:100,onerror:"你输入的邮箱长度非法,请确认"}).regexValidator({regexp:"^([//w-.]+)@(([[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.)|(([//w-]+.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(]?)$",onerror:"你输入的邮箱格式不正确"});

</script>

然后再在我的页面进行操作：
例如：其中之一：
    <tr>
      <td align="right">用户名:</td>
      <td><input type="text" id="test1" style="width:148px" runat="server"/></td>
      <td><div id="test1Tip" style="width:250px"></div></td>
    </tr>
效果很炫。
差点忘了说：使用的时候也要把图片文件夹images拷贝过来，同时注意validator.css 中图片的相对位置。我之前没注意！
总之，发现JQuery 很棒，真的是用代码少  功能多。这个插件是国内一个高手写的（现在已是开源了）。有空大家搜索一下。
网址：http://www.cnblogs.com/wzmaodong/archive/2009/03/03/1402635.html