jQuery.validate() 在按钮点击时触发（我只想要提交）

Question

我的表格的结尾是这样的：

<input type="submit" name="login" value="Login" class=" btn btn-primary" >    
<a href="register.php" ><button class="btn btn-primary" >Register</button></a>    
<a href="/"><button class="btn btn-primary" >Cancel</button></a>
</form>

然后：

jQuery("form#login").validate({
    submitHandler: function(form) {
        $("#loading").modal();
        form.submit();
    }
});

当您单击登录按钮时，表单会按预期进行验证。但是，表单也会在单击表单中的两个按钮中的任何一个时进行验证。这另外两个按钮只是链接，我需要它们在表单中，以便我可以将它们全部显示在一行中。

很可能，这与 validate() 在表单中触发 :submit （这是任何按钮）有关。我怎么知道它只在实际点击提交按钮时才生效？

Answer 1

你需要给按钮一个 type='button'

例如

<button class="btn btn-primary" type="button" >Cancel</button>

这是因为，如果你不设置它，一些浏览器默认它为 type='submit'。