防止客戶端驗證轉到服務器端

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;");