我有一个用户注册页面,我想检查输入的用户名是否已经没有用户回复。
ASPX页面:
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<script src="Scripts/Registration.js" type="text/javascript"></script>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true"></asp:ScriptManager>
<table class="contenttable">
<tr>
<td class="RegTableLabelCol">
<asp:Label ID="Label1" runat="server" Text="User Name"></asp:Label>
</td>
<td class="RegTableDataCol">
<asp:TextBox ID="txtUserName" runat="server" ></asp:TextBox>
</td>
<td class="RegTableMessageCol">
<asp:Label ID="lblUserName" runat="server" CssClass="ErrorLabel" Text="Test "></asp:Label>
</td>
</tr>
</table>
</form>
</body>
</html>
JavaScript的:
function UserChecker(username) {
lbl = document.getElementById('<%=lblUserName.ClientID%>');
if (username != '') {
PageMethods.UserNameChecker(username, OnUserSucceeded);
}
else {
lbl.innerHTML = 'Please enter a username';
}
}
function OnUserSucceeded(result, userContext, methodName) {
lbl = document.getElementById('<%=lblUserName.ClientID%>');
if (methodName == "UserNameChecker") {
if (result == true) {
lbl.innerHTML = 'User name not available';
}
else {
lbl.innerHTML = 'User name is available ';
}
}
代码背后:
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
txtUserName.Attributes.Add("onblur", "UserChecker(this.value)");
}
}
[WebMethod]
public static bool UserNameChecker(string UserName)
{
string UserNameDb = null;
SQLMethods sqlm = new SQLMethods();
DataSet dataSet1 = sqlm.IsUserNameExist(UserName);
foreach (DataRow row in dataSet1.Tables["UserName"].Rows)
{
UserNameDb = string.Format("{0}", row["UserName"]);
}
if (UserNameDb != null)
{
return true;
}
else
{
return false;
}
}
我已经在javascript中添加了警报,并且函数似乎被解雇了。问题是没有为这两种情况设置标签(没有用户名,用户名或用户名确定)。我哪里错了?
更新
JavaScript位于.js文件中,如果我把它放在aspx页面中,它会拾取标签并起作用。
答案 0 :(得分:1)
lbl = document.getElementById('<%=lblUserName.ClientID%>');
JS文件中的将无法正常工作。 &lt;%=%&gt;表示aspx页面的服务器代码部分。如果你把它放在JS文件中,它只是一个字符串。
您可以将此部分保留在页面中,并将lbl声明为在JS文件引用中起作用的全局变量。
或者,您可以将控件的ClientIDMode切换为静态,然后使用JS文件中控件的ID