在没有 AutoPostBack 的情况下触发 onTextChanged 事件
Fire onTextChanged event without AutoPostBack
假设我有两个文本框,一个用于 password
,一个用于 password confirmation
。
然后,当我更改 Confirm Password
文本框中的文本时,我希望密码确认文本框的背景颜色在确认正确或不正确时变为绿色或红色。
如果我使用 OnTextChanged
属性,我需要启用 AutoPostBack
来刷新页面(这是我不想发生的事情)。我研究了一下,似乎每个人都推荐 Javascript,因为它可能会有所帮助。
我的问题是如何执行此操作?
这里是如何使用 javascript:
function compare(thisBox) {
var targetValue = document.getElementById('passwordTextBoxClientId').value;
if (thisBox.value === targetValue) {
thisBox.style.backgroundColor = '#00FF00';
}
else {
thisBox.style.backgroundColor = '#FF0000';
}
}
然后 'confirm' 文本框应该设置 'onkeyup' 事件:
<asp:TextBox ID="txtConfirmPassword" runat="server" onkeyup="compare(this)"></asp:TextBox>
假设我有两个文本框,一个用于 password
,一个用于 password confirmation
。
然后,当我更改 Confirm Password
文本框中的文本时,我希望密码确认文本框的背景颜色在确认正确或不正确时变为绿色或红色。
如果我使用 OnTextChanged
属性,我需要启用 AutoPostBack
来刷新页面(这是我不想发生的事情)。我研究了一下,似乎每个人都推荐 Javascript,因为它可能会有所帮助。
我的问题是如何执行此操作?
这里是如何使用 javascript:
function compare(thisBox) {
var targetValue = document.getElementById('passwordTextBoxClientId').value;
if (thisBox.value === targetValue) {
thisBox.style.backgroundColor = '#00FF00';
}
else {
thisBox.style.backgroundColor = '#FF0000';
}
}
然后 'confirm' 文本框应该设置 'onkeyup' 事件:
<asp:TextBox ID="txtConfirmPassword" runat="server" onkeyup="compare(this)"></asp:TextBox>