【问题标题】:Show message when start typing inside textbox using javascript使用 javascript 在文本框中开始输入时显示消息
【发布时间】:2012-01-05 09:17:24
【问题描述】:

我正在使用 ASP.NET,我想在开始写入时在文本框后面显示消息,我想在客户端执行此操作,所以我认为 javascript 是关键。

编辑:

我的代码:

<tr>
                    <td>
                        <asp:Label ID="Label1" runat="server" Text="Alternate Email :"></asp:Label>
                    </td>
                    <td>
                        <asp:TextBox ID="_txtAlternateEmail" runat="server" onkeyup="typetext(this);"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td>
                        <asp:Label ID="Label2" runat="server" Text="Security Question :"></asp:Label>
                    </td>
                    <td>
                        <asp:TextBox ID="_txtSecurityQuestion" runat="server"></asp:TextBox>
                    </td>
                </tr>

和javascript

<script type="text/javascript">
    function typetext(tb) {
        var mySpanElement = document.getElementById("_txtSecurityQuestion");
        mySpanElement.innerText = tb.value;
    }
</script>

【问题讨论】:

  • 你的意思是你想在文本框旁边显示文本,因为用户正在输入它?
  • 完全正确,如果文本框为空,此文本将消失

标签: javascript asp.net


【解决方案1】:

您可以在文本框中处理onkeyup 事件

<asp:TextBox ID="_txtAlternateEmail" runat="server" onkeyup="typetext(this);">
</asp:TextBox>

调用typetext 方法。在您的typetext 方法中,您可以将span(或任何HTML 元素)设置为文本框的文本。

function typetext(tb)
{
     var mytextbox = document.getElementById('<%=_txtSecurityQuestion.ClientID %>');
     mytextbox.value = tb.value;
}

【讨论】:

  • 我试过但没有任何改变,同时我使用的是 asp.net 文本框而不是普通的 html 输入文本类型
  • 请发布您的代码。以上内容也适用于 asp.net 文本框。
  • 我已经更新了我的答案,以便它写入文本框而不是 span。要在 Javascript 中获取 asp.net 控件,您需要使用&lt;%= %&gt;。以上内容现在应该可以工作了。
猜你喜欢
  • 1970-01-01
  • 2017-08-09
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多