javascript - 可以进行服务器端和客户端验证

Question

根据我的要求，我需要使用 1 个编辑器，并且 requiredfieldvalidator 在此编辑器控件上不起作用。因此，我通过 javascript 验证该控件，并通过单击按钮即可通过 asp 控件验证器验证 asp.net 控件的其余部分。

我正在尝试通过aspnet服务器端控制实现服务器端验证，并通过javascript实现客户端验证。我有两个文本框控件和一个提交按钮，如下所示:

<div>
        <asp:TextBox ID="Txt1" runat="server"></asp:TextBox>
        <asp:RequiredFieldValidator ID="RfvTxt1" runat="server" ErrorMessage="*" ForeColor="Red"
            ControlToValidate="Txt1"></asp:RequiredFieldValidator>
        <asp:TextBox ID="Txt2" runat="server"></asp:TextBox>
        <asp:Button ID="btnsubmit" runat="server" OnClick="btnsubmit_Click" Text="Submit" 
        OnClientClick=" return ss();"  />
        <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
    </div> 



 <script src="JS/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        function ss() {
            var script = $("#<%=Txt2.ClientID %>").val();
            if (script == "") {
                alert(1);
                return false;
            }
        }
    </script>

 protected void Page_Load(object sender, EventArgs e)
    {
        Label1.Text = "dd";
    }
    protected void btnsubmit_Click(object sender, EventArgs e)
    {
        Label1.Text = "ss";
    }

但这两个验证都不起作用。问题是，当第二个文本框包含文本时。即使第一个文本框不包含其文本，页面也会回发并运行它的事件。 感谢您的帮助。

Answer 1

我正在为您的查询提供解决方案。您必须在客户端验证功能的其他条件下再次启用所有服务器验证。

function ss() 
{
var script = $("#<%=Txt2.ClientID %>").val();
if (script == "") 
{
    alert(1);
    Page_ClientValidate();
    return false;
}
else 
{
    Page_ClientValidate();
}
}

或者

只需将按钮单击更改为:

protected void btnsubmit_Click(对象发送者, EventArgs e) { if (页面.IsValid) { Label1.Text = "ss"; } }