javascript - Jquery 在点击事件而不是提交时验证

Question

我环顾四周，但没有找到答案。要么太简单，要么答案不存在。

我只需要做的就是在我的 <img id='submit'/> 时验证表单。点击后提交。

$(document).ready(function(){

   $('#submit').click(function() {
     $('#suzuki_scb').submit();
   }); 

   $('#suzuki_scb').validate({
         submitHandler: function(form) {
             form.submit();
         }
    });
});

即使这样也不起作用并返回 form.submit() 不是一个函数。

Answer 1

我认为这就是你想要实现的目标

<script type="text/javascript>
   $(document).ready( function(){
       $('#suzuki_scb').validate({
         // validation arguments go here
       });
   });
</script>
   ...
<form id="suzuki_scb">

    <!-- Your form goes here -->

    <button id="submit">
        <img src="[image url goes here]" />
    </button>
</form>

来自jQuery validation example they have on the site ，您所需要做的就是调用 $("#suzuki_scb").validate();。该插件应该负责为您取消提交操作。因此，单击包含无效数据的提交按钮实际上不会提交表单。

使用HTML Button内部包含图像的元素比使用带有尝试提交表单的 JavaScript 单击事件的图像在语义上更正确