其中用到了jquery外掛程式來驗證使用者名稱哦,這裡是利用jquery ajax來驗證使用者名稱是否存在哦。大家看看,後面將附上源碼下載。
jquery架構實現的ajax 驗證使用者名稱是否存在的部分JS
複製代碼 代碼如下:$("#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 : "正在對使用者名稱進行合法性校正,請稍候..."
})
NameExist.aspx 實現的源碼 複製代碼 代碼如下:protected void Page_Load(object sender, EventArgs e)
{
string accounts = Request["accounts"];
LoginNameExist(accounts);
}
public void LoginNameExist(string accounts)
{
IUsers user = AgileEIS.Web.DAL.Interface.DALHelper.DALManager.CreateUsers();
user.Session = ContextHelper.Session;
user.Accounts = accounts;
user.Refresh();
if (!user.Exists)
{
Response.Write("1");
}
else
{
Response.Write("0");
}
Response.End();
return;
}
非同步重新整理實現方式有多種,也可以藉助js的多種架構,以上是使用jquery架構實現的ajax 驗證使用者名稱是否存在。首次發這樣的技術文檔,難免有不足之外,還請大家見涼...
下面將提供下載