jquery验证点击事件，而不是提交

我看着周围的SOF，但没有运气找到我的答案。这要么太简单，要么答案不只是在那里。jquery验证点击事件，而不是提交

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

$(document).ready(function(){ 

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

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

即使这不起作用，并返回form.submit（）不是函数。

来源

2010-03-23 Zoheir

这将是更容易做出提交按钮，并内置图像一个JavaScript单击事件多一点语义正确并且如果验证失败就会从提交函数返回* false *（这将取消提交）。 – R0MANARMY 2010-03-23 04:48:48

我觉得这是你要完成

<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元素里面，它比使用图像与尝试提交表单

来源

2010-03-23 04:27:54 R0MANARMY

@ R0MANARMY：为什么不在上有id ='submit'的权利呢？我的问题是如何在点击事件上验证表单，然后在有效时提交表单。 – Zoheir 2010-03-23 04:34:04

使用按钮而不是图片在语义上更正确。它还可以让你将一个图像与你的按钮中的一些文字结合起来（如果你需要做国际化会更容易）。主要是因为按钮提交表单比图像提交表单更简单。 – R0MANARMY 2010-03-23 04:45:04

顺便说一下，我使用jQuery的验证插件 – Zoheir 2010-03-23 04:48:43

This page，在jQuery文档中，包含您所寻找的信息。下面是从第一段的一个片段：

此方法设置了事件处理程序提交，焦点，KEYUP，模糊并单击触发整个形式或单个元素的验证。

希望它有帮助。

来源

2010-03-23 04:22:22 Chaddeus

jquery验证点击事件，而不是提交

回答

相关问题