当且仅当在文本框中输入文本（字符）时显示提交按钮，否则隐藏

Question

我对编程领域比较陌生，这是一个初学者问题。 我在 aspx 页面中有一个文本框和一个提交按钮，同时试图从页面上的用户那里获取一些信息。

现在，我只想在用户在文本框中输入文本时显示提交按钮，否则只需隐藏它。

我认为 onKeyDown 或 onKeyEvent 应该可以帮助我做到这一点，但它不能正常工作。该按钮仅在我输入 2 个字符后显示并且不会隐藏，除非我在删除框中的最后一个字符后再次按退格键。我不想使用<input 标记，而能够使用<asp:Button 和文本框标记。

代码：

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate> 

<asp:TextBox ID="TextBox" onKeyDown = "showAndHide()" runat="server" Height="95px" Width="340px" 
    CssClass="SuggestionTxtBox" TextMode="MultiLine" 
    ToolTip="Enter your Suggestion here...." BorderStyle="Ridge" 
    ontextchanged="TextBox_TextChanged"></asp:TextBox>

<br />
<asp:Button ID="Button" runat="server" Text="Submit" 
    CssClass="SuggestionSubmitButton" onclick="Button_Click" 
    onclientclick="  " BackColor="#F5F5F5" Font-Size="13px" 
    ForeColor="#030756" Font-Bold="true" BorderStyle="None" Visible="False"  />
<br />
<asp:Label ID="Label2" runat="server" Text="" CssClass="SuggestionFootNote"                                                                           ForeColor="#030756"   Font-Italic="True" Font-Size="12px"></asp:Label>
<p>
&nbsp;</p>

<input type="text" id="input1" onkeydown="showAndHide();" /> 
<input type="submit" id="submit" style="display: none;" /> 


<script type="text/javascript">

inputOne = document.getElementById("input1");

inputSubmit = document.getElementById("submit");

function showAndHide() {
    if (inputOne.value == "") {
        inputSubmit.style.display = "none";
    }
    else {
        inputSubmit.style.display = "block";
    }
} 

</script> 
</ContentTemplate>
</asp:UpdatePanel>'

Answer 1

请使用OnKeyUp 而不是onkeydown

如果是 ASP.Net Button 和 Textbox 则使用

inputOne = document.getElementById("<%= TextBox1.ClientID %>");

inputSubmit = document.getElementById("<%= Button1.ClientID %>");

在页面加载中

If(!IsPostBack)
{
    Button1.Attributes.Add("OnKeyUp","showAndHide();");
    Button1.Style.Add("display","none");
}