Question

我有一个表单，我在JavaScript中进行了验证。如果表单无效，如何阻止提交按钮进入服务器端？

<button id="LoginButton" onclick="Login.initReuiredValidation();"
        onserverclick="LoginButton_Click" runat="server" type="submit" 
        class="submit btn btn-primary pull-right"> 
    <asp:Literal runat="server" meta:resourcekey="LoginButton" />                                    
    <i class="icon-angle-right"></i>                    
</button>

Answer 1

在jquery中你可以做到

 $(yourform).submit(function(event){
event.preventDefault();
//do somehting 
})

Answer 2

这不是经典的asp，它是asp.net webforms，我已经相应地编辑了标签

在webforms中添加输入验证非常简单，您可以为每个表单控件分配验证控件，例如

Contact Name<br />
        <asp:TextBox ID="Contact_name"  runat="server" Width="246 pt"></asp:TextBox>
        <asp:RequiredFieldValidator ID="ContactNameValidator" runat="server" 
            ErrorMessage="Please enter your name" ControlToValidate="Contact_name"></asp:RequiredFieldValidator><br />
        <br />
Contact Telephone<br />
        <asp:TextBox ID="Contact_phone" runat="server" Width="246pt"></asp:TextBox>
        <asp:RequiredFieldValidator ID="ContactPhoneValidator" runat="server" ControlToValidate="Contact_phone"
            ErrorMessage="Please enter your telephone number"></asp:RequiredFieldValidator>

如果您查看输出，您将看到验证实际上是使用（客户端）JavaScript完成的。 Asp.net为您生成，您不必自己编写。

此处提供更多信息 https://msdn.microsoft.com/library/a0z2h4sw%28v=vs.100%29.aspx

Answer 3

在后面的代码中添加...

LoginButton.Attributes.Add("onclick", "return false;");

阻止客户端验证转到服务器端

3 个答案: