javascript警告后,文本框会更改高度和边框宽度

时间:2013-10-24 08:12:28

标签: javascript asp.net css textbox

我有这些文本框:

<asp:Label ID="lbllastname" runat="server" Text="LastName" 
     CssClass="labels" />&nbsp;
<asp:TextBox ID="txtlastname" runat="server" CssClass="texts"
     onkeyup="firstElementPress(event);" TabIndex="3" />
<br />
<asp:Label ID="lblfirstname" runat="server" Text="FirstName" 
     CssClass="labels" />&nbsp;
<asp:TextBox ID="txtfirstname" runat="server" CssClass="texts"
      onkeyup="firstElementPress(event);" TabIndex="4" />
<br />
<asp:Label ID="lblmi" runat="server" Text="MI" CssClass="labels" />&nbsp;
<asp:TextBox ID="txtmi" runat="server" CssClass="texts"
      onkeyup="firstElementPress(event);" TabIndex="5" />
<br />
<asp:Label ID="lblext" runat="server" Text="Suffix" CssClass="labels" />&nbsp;
<asp:TextBox ID="txtext" runat="server" CssClass="texts"
     onkeyup="firstElementPress(event);" TabIndex="6" />

CSS:

.labels
{
    font: bold 10pt Calibri;
    color: Black;
}

.texts
{
    border-color: Black;
    border-width: thin;
    height: 16px;
    font: 10pt Calibri;
}

它们很好但是如果用户在名称已经存在时遇到javascript警报,则这些文本框会丢失其高度并且边框会变粗。我不知道为什么会这样。

以下是警报的代码:

Response.Write("<script>alert('The name you specified already exists!');
                </script>");

为什么会这样?我不认为它与onkeyup事件上的javascript有关。或许它确实如此? IDK。它只关注不同的控制。

无论如何,这是Javascript for it:

function firstElementPress(e) {
    if (e.keyCode == 27) {
        document.getElementById('fuso').focus();
    }
    if (e.keyCode == 17) {
        document.getElementById('txtso').focus();
    }
}

我希望有人能向我解释为什么会这样。谢谢!

1 个答案:

答案 0 :(得分:1)

试试这个......:

提示消息如下:

 Page.ClientScript.RegisterStartupScript(this.GetType(), "alertmesg", "<script language=javascript> alert('The name you specified already exists!');</script>");

反对

Response.Write("<script>alert('The name you specified already exists!');</script>");

谢谢...