formValidator中ajax的使用方法,求指教

TaoFor 2010-11-07 01:50:51



 $(document).ready(function(){

   $.formValidator.initConfig({autotip:true,onerror:function(msg){alert(msg)}});	

   $('#change_image').click(function(){ 

   $('#imgAuthenCode').attr('src','/CheckCode.aspx?'+Math.random());}); 

$("#accounts").formValidator({

    onshow:"请输入用户名",

    onfocus:"用户名至少4个字符,最多10个字符",

    oncorrect:"该用户名可以注册"}).inputValidator({

            min:4,

            max:10,

            onerror:"用户名至少4个字符,最多10个字符"}).regexValidator({

                                            regexp:"username",

                                            datatype:"enum",

                                            onerror:"用户名格式不正确"})

	    .ajaxValidator({

	    type : "get",

		url : "/ws/NameExist.aspx",

		datatype : "json",

		success : function(data){	

            if( data == "1" )

			{

                return true;

			}

            else

			{

                return false;

			}

		},

		buttons: $("#submit"),

		error: function(){alert("服务器没有返回数据，可能服务器忙，请重试");},

		onerror : "该用户名不可用，请更换用户名",

		onwait : "正在对用户名进行合法性校验，请稍候..."

	})



	$("#password").formValidator({onshow:"必填",onfocus:"密码不能为空",oncorrect:"密码合法"}).inputValidator({min:1,onerror:"密码不能为空,请确认"});

	$("#rePassword").formValidator({onshow:"必填",onfocus:"两次密码必须一致哦",oncorrect:"密码一致"}).inputValidator({min:1,onerror:"重复密码不能为空,请确认"}).compareValidator({desid:"password",operateor:"=",onerror:"2次密码不一致,请确认"});

	$("#loginEmail").formValidator({onshow:"必填",onfocus:"邮箱至少6个字符,最多100个字符",oncorrect:"恭喜你,你输对了",defaultvalue:"@"}).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:"你输入的邮箱格式不正确"});

    $("#userName").formValidator({onshow:"必填",onfocus:"描述至少要输入2个汉字或4个字符",oncorrect:"恭喜你,你输对了"}).inputValidator({min:4,onerror:"不能为空,请确认"});

	$("#phrase").formValidator({onshow:"必填",onfocus:"请输入验证码"}).inputValidator({min:6,onerror:"不能为空,请确认"});

})

	

</script>



<table width="100%" border="0" cellspacing="0" cellpadding="0" class="table">

			

				<tr>

					<td align="right" valign="top" style="width: 114px"><span class="r">用户名: </span></td>

					<td valign="top" style="width: 226px"><input type="text" tabindex=2 id="accounts" class="ii" maxlength=14  autocomplete="off" runat="server" /></td>

					<td><div id="tip_accounts"></div></td>

				</tr>

					<tr>

					<td align="right" valign="top" style="width: 114px"><span class="r">登录邮箱: </span></td>

					<td valign="top" style="width: 226px;">

						<input type="text" tabindex=1  id="loginEmail" class="ii" maxlength=50 autocomplete="off" runat="server"  />

					</td>

					<td><div id="tip_email"></div></td>

				</tr>

				<tr>

					<td align="right" valign="top" style="width: 114px"><span class="r">显示名称: </span></td>

					<td valign="top" style="width: 226px"><input type="text" tabindex=3 id="userName" class="ii" maxlength=20  runat="server"/></td>

					<td><div id="tip_userName"></div></td>

				</tr>

				<tr>

					<td align="right" valign="top" style="width: 114px"><span class="r">设置密码: </span></td>

					<td valign="top" style="width: 226px"><input type="password" tabindex=4 id="password" class="ii" maxlength=20 runat="server" /></td>

					<td><div id="tip_pwd"></div></td>

				</tr>

				<tr>

					<td align="right" valign="top" style="width: 114px"><span class="r">设置密码: </span></td>

					<td valign="top" style="width: 226px"><input type="password" tabindex=4 id="rePassword" class="ii" maxlength=20 runat="server" /></td>

					<td></td>

				</tr>

				<tr>

					<td align="right" valign="top" style="width: 114px"><span class="r"> </span></td>

					<td valign="top" style="width: 226px;"><span style="width:100px; float:right; padding-right:50px"><a href="#" id="change_image">看不清，换一张</a></span><img id="imgAuthenCode" title="验证码" src="/CheckCode.aspx" alt="验证码"/></td>

					<td><div id="tip_confirm_pwd"></div></td>

				</tr>

				<tr>

					<td align="right" valign="top" style="width: 114px"><span class="r">验证码: </span></td>

					<td valign="top" style="width: 226px"> <input type="text" tabindex=5 id="phrase" class="ii iz" runat="server"  /></td>

					<td><div id="tip_authen_code"></div></td>

				</tr>

				<tr>

					<td align="right" valign="top" style="width: 114px"></td>

					<td valign="top" style="width: 226px"><a href="/pub/tou.html" target="_blank">Agile用户服务条款</a></td>

					<td></td>

				</tr>

				<tr>

					<td align="right" valign="top" style="width: 114px"></td>

					<td valign="top" style="width: 226px">

						   <input type="submit" name="submit" id="submit" value="    " runat="server"   />



					</td>

					<td></td>

				</tr>

			</table>