HTML:
代码 <asp:ScriptManagerrunat="server"ID="sm">
<Services>
<asp:ServiceReferencePath="~/validateUserName.asmx"/>
</Services>
</asp:ScriptManager>
<div>
<inputtype="text"id="userName"onchange="test();"/>
<spanid="msg"></span>
</div>
JS:
代码 <scripttype="text/javascript">
functiontest(){
requestService=JQueryProj.validateUserName.GetUser(document.getElementById("userName").value,validate);
}
functionvalidate(result){
if(result=="false"){
msg.innerHTML="用户名已存在!";
}
else{
msg.innerHTML="用户名可用!";
}
}
</script>
Web Service
代码 usingSystem;
usingSystem.Collections.Generic;
usingSystem.Linq;
usingSystem.Web;
usingSystem.Web.Services;
usingSystem.Web.Script.Services;
namespaceJQueryProj
{
///<summary>
///validateUserName的摘要说明
///</summary>
[WebService(Namespace="/")]
[WebServiceBinding(ConformsTo=WsiProfiles.BasicProfile1_1)]
[ponentModel.ToolboxItem(false)]
//若要允许使用AJAX从脚本中调用此Web服务,请取消对下行的注释。
[ScriptService]
publicclassvalidateUserName:System.Web.Services.WebService
{
[WebMethod]
publicstringGetUser(stringuserName)
{
if(userName=="admin")
{
returnfalse.ToString().ToLower();
}
else
{
returntrue.ToString().ToLower();
}
}
}
}