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'。