防止在表单验证失败时触发HTML按钮serverclick事件

我正在尝试在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正在自动启动。

如何处理?