[英]Javascript and Required field validator
我在TextBox上有一个RequiredFieldValidator。 当在文本框中未输入任何内容时,这可以正常工作。 现在,我要做的另一项验证是,当用户输入一些垃圾数据时,我抛出一条错误消息,说“无效输入”。 这在标签上。
现在,该场景是在引发错误消息之后,如果用户清空文本框并单击按钮,则RequiredFieldValidator可以工作,但标签上的错误消息仍然保持原样。 一旦用户清空文本框,我想隐藏/删除它。
为此,我使用了JavaScript函数,但是RequiredFieldValidator不能正常工作。 这是我的代码:
<asp:TextBox ID="txtemp" runat="server"></asp:TextBox>
<asp:Button ID="btnstatus" runat="server" ValidationGroup="valgrp1" OnClientClick="Validate()"
CausesValidation="true" onclick="btnstatus_Click"
Text="Fetch status message" BackColor="#ccebff" />
<asp:RequiredFieldValidator ID="Reqfield1" ControlToValidate="txtportalid" ValidationGroup="valgrp1" ErrorMessage="wrong entry" runat="server" />
</div>
<div>
<asp:Label ID="lblerrormsg" runat="server" Font-Bold="true" Visible="false" ForeColor="#FF3300">
</asp:Label>
</div>
JavaScript:
function Validate()
{
var txt1 = document.getElementById("<%= Txtemp.ClientID %>");
var val1 = txt1.value.replace(/\s/g, "");
if (val1=="")
{
document.getElementById("<%= lblerrormsg.ClientID%>").style.display = 'none';
}
}
我建议使用CustomValidator,并将ClientValidationFunction
属性设置为指向您的Validate
函数,如下所示:
<script>
function Validate(source, arguments) {
arguments.IsValid = /* your validation logic */
}
</script>
...
<asp:CustomValidator ControlToValidate="txtportalid"
ErrorMessage="..." ClientValidationFunction="Validate" runat="server" />
...或者您可以使用RegularExpressionValidator 。 两者都会为您提供所需的行为。
您可以使用jQuery处理文本框的keyup
事件。
下面的示例有两件事:
如果两项检查均通过,则只需清除错误标签!
ASPX:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Home</title>
<script src="Scripts/jquery-1.7.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#txtemp").keyup(function () {
if (!this.value) {
var errorMessage = $("#<%= lblErrorMessage.ClientID %>").length;
if (errorMessage) {
$("#<%= lblErrorMessage.ClientID %>").html("");
}
}
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="txtemp" runat="server" />
<asp:Button ID="btnstatus" runat="server" ValidationGroup="valgrp1" CausesValidation="true"
OnClick="btnstatus_Click" Text="Fetch status message" />
<asp:RequiredFieldValidator runat="server" ID="req" ValidationGroup="valgrp1" ControlToValidate="txtemp"
ErrorMessage="Field is required" />
<asp:Label ID="lblErrorMessage" ClientIDMode="Static" runat="server" EnableViewState="false" />
</div>
</form>
</body>
</html>
后面的代码(我刚刚创建了一个简单的测试方法):
protected void btnstatus_Click(object sender, EventArgs e)
{
if (txtemp.Text == "invalid")
{
lblErrorMessage.Text = "The data is invalid";
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.