Javascript更新ASP:标签不更新文本

时间:2014-11-02 17:28:33

标签: javascript c# asp.net

我有一个用户注册页面,我想检查输入的用户名是否已经没有用户回复。

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页面中,它会拾取标签并起作用。

1 个答案:

答案 0 :(得分:1)

lbl = document.getElementById('<%=lblUserName.ClientID%>');
JS文件中的

将无法正常工作。 &lt;%=%&gt;表示aspx页面的服务器代码部分。如果你把它放在JS文件中,它只是一个字符串。

您可以将此部分保留在页面中,并将lbl声明为在JS文件引用中起作用的全局变量。

或者,您可以将控件的ClientIDMode切换为静态,然后使用JS文件中控件的ID