Question

我环顾四周寻找SOF，但没有运气找到我回答。它要么太容易，要么答案不仅仅是那里。

我只需要在点击<img id='submit'/>时验证表单，然后再提交。

$(document).ready(function(){

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

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

即使这样也行不通，返回form.submit（）不是函数。

Answer 1

关于jQuery文档，

This page拥有您所寻求的信息。以下是第一段的摘录：

此方法为其设置事件处理程序提交，焦点，键盘，模糊和单击触发整个验证形式或个别元素。

希望它有所帮助。

Answer 2

我认为这是你想要完成的事情

<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点击事件的图像更正确

点击事件而不是提交时的Jquery验证

2 个答案: