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驗證點擊事件，而不是提交

回答

相關問題