我正在使用 asp.net。我有一个登录表格。我已经在 Page 中为此编写了 Javascript 验证函数。
<table>
<tr>
<td>Username:></td>
<td><asp:TextBox runat="server" id="txtUsername"/></td>
<td>Password:></td>
<td><asp:TextBox runat="server" id="txtPassword"/></td>
<td>Username:></td>
<td><asp:Button runat="server" id="btnLogin" Text="Login" onclientclick="return Validatecp()"/></td>
</tr>
</table>
当我关注文本框并按 Enter 时,整个页面都会重新加载。我想在按下输入按钮时显示验证。这可能吗?
编辑:
验证函数:
function Validatecp() {
var name = document.getElementById('<%=txtName.ClientID %>').value;
var password= document.getElementById('<%=txtTo.ClientID %>').value;
if (name == "") {
document.getElementById("td1").innerHTML = "Name Required.";
return false;
}
else {
document.getElementById("td1").innerHTML = "";
}
if (password== "") {
document.getElementById("td2").innerHTML = "password Required.";
return false;
}
else {
document.getElementById("td2").innerHTML = "";
}
return true;
}
最佳答案
您想在用户单击 Enter 并且焦点位于文本框中时验证文本框的值,然后使用以下代码:
<table>
<tr>
<td>
Username:>
</td>
<td>
<asp:TextBox CssClass="save" runat="server" ID="txtUsername" />
</td>
<td>
Password:>
</td>
<td>
<asp:TextBox CssClass="save" runat="server" ID="txtPassword" />
</td>
<td>
Username:>
</td>
<td>
<asp:Button CssClass="save" runat="server" ID="btnLogin" Text="Login" />
</td>
</tr>
</table>
<asp:Button ID="submit" runat="server" Text="submit" />
和 jquery 代码:
<script type="text/javascript">
$('.save').live('keydown', function (event) {
if (event.keyCode == '13') {
alert('heee');
return false;
event.preventDefault();
}
});
</script>
或者,如果您想仅在单击输入按钮时验证控件,请使用以下代码:
<asp:Panel ID="pnl" runat="server" DefaultButton="submit">
<table>
<tr>
<td>
Username:>
</td>
<td>
<asp:TextBox CssClass="save" runat="server" ID="txtUsername" />
</td>
<td>
Password:>
</td>
<td>
<asp:TextBox CssClass="save" runat="server" ID="txtPassword" />
</td>
<td>
Username:>
</td>
<td>
<asp:Button CssClass="save" runat="server" ID="btnLogin" Text="Login" />
</td>
</tr>
</table>
<asp:Button ID="submit" runat="server" Text="submit" />
</asp:Panel>
jquery 代码是:
$('[id$=submit]').click(function (event) {
if (event.keyCode == '13') {
alert('heee');
return false;
event.preventDefault();
}
});
仅此而已
关于javascript - asp.net javascript 验证问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19312249/