Question

这是一个简单的问题。我有一个使用jquery的.validate函数验证的表单。

问题是，当我使用<input type='submit' />

提交表单时，验证似乎才有效

但是，我想使用我自己的自定义按钮代替：<button type="submit">click to submit</button> ....或使用类似...... <a onclick="submitFunction ()">click to submit</a>

的内容

然而，最后两个选项不会触发jquery的validate函数。有没有解决的办法？感谢您的帮助！

Answer 1

jQuery Validation plugin与jQuery中的submit event绑定。如果要从其他任何地方（即任何其他事件处理程序）触发此操作，则必须手动调用.submit()，这将触发验证。

请注意，在调用.validate()以在表单上设置验证后，您可以存储它返回的Validator实例并在其上调用form method，如果您想要单独执行验证提交表格。

Answer 2

据我所知，jQuery没有“验证”方法，但无论哪种方式，为了使用元素提交表单只需绑定提交事件：

$('#formid').submit(function(){
    // validate form
    ...
    // if validation fails, return false;
});

Answer 3

您在自定义提交功能中需要执行的操作如下

jQuery('#formId').submit();

您可以创建自己的验证，当表单有效时，请使用上述方法提交。这与单击表单中的提交按钮相同。 #formId是您提供表单的ID。您还可以通过其他几种方式参考表格。

Answer 4

如果您只想更改提交按钮所说的内容，则可以使用

<input type="submit" value="click to submit" />

更新要使用验证插件，这就是我的建议。如果您想在点击该按钮时执行任何其他操作，可以使用submitHandler作为选项：http://docs.jquery.com/Plugins/Validation/validate#toptions。