2015-04-14 28 views
-2

HTML5和jQuery與jQuery Mobile。 我想使用一個按鈕來提交表單,以便可以在其中包含圖像。輸入類型=按鈕未驗證

表單也需要驗證。

隨着以下,表單提交,但未經驗證。也就是說,如果我將所需的表單元素留空,表單將會提交(顯示警告框)。

HTML

<form id="myform" name="myform"> 

    [required elements here to validate] 

    <button type="button" name="submit1" id="submit1"><img src="myimg" />Submit</button> 
</form> 

的Javascript

jQ('#submit1').click(function(event){ 
    jQ('#myform').submit(event); 
    event.preventDefault(); 

    [more code here to run] 

    alert('submitted'); 
}); 
+0

對不起 - 標題應該是 「類型=按鈕」。 – user3788332

+0

你有一種驗證表單的方法嗎?在調用窗體上的submit()之前,通常會調用某種驗證方法。 –

回答

0

的問題是,你是觸發形式.submit()提交你打電話之前event.preventDefault()。此外,只有在所有驗證成功時,您才應該有條件地致電.submit()。如果無法通過成功驗證進行表單提交,則會導致瀏覽器離開頁面而不會看到任何驗證錯誤。

0

你可以做

<script> 
function submission() { 
some code 
return true; 
} 
</script> 
<form id="myform" name="myform" onsubmit="return submission();"> 

[required elements here to validate] 

<button type="button" name="submit1" id="submit1"><img src="myimg" />Submit</button> 
</form> 
jQ('#submit1').click(function(event){ 
jQ('#myform').submit(event); 
});