如果表单验证失败，防止触发HTML按钮serverclick事件？

Question

我在HTML按钮serverclick事件触发之前尝试验证表单。但客户端和服务器事件同时发生。

HTML

<button runat="server" id="imgLogin" type="submit" class="btn" style="width:6em">
        <img src="Images/arrow_plain_green_E.png" alt="" />
               Login
 </button>  

的Javascript

 var form = $("#form1");
        $('#<%=imgLogin.ClientID%>').click(function (e) {
            if (!form.valid()) {
                e.preventDefault(); // Stop form submit here only 
                                    //   if form validate false
            } 
        });

服务器代码

Protected Sub imgLogin_Click(sender As Object, e As EventArgs) Handles imgLogin.ServerClick
    'logic here
End Sub

如果表单验证失败，我无法形成提交。 ServerClick自动启动。

如何处理？

Answer 1

为什么不使用ASP.NET按钮控件和ASP.NET validator来实现此目的？

大多数你想要做的事情都可以通过这种方式编写任何javascript来实现.o