JQuery函數提交（）不提交表格

Question

我無法獲得提交表單，提交中的alert ($('#submit').val());，因此代碼進入正確的位置，但表單未提交。

表單有一個其他名稱的id，提交按鈕被稱爲名稱和ID保存在一個點上，目前都設置爲提交。

任何幫助表示讚賞。

$(document).ready(function(){ 
// force content into cnamex 
$('#submit').click(function(event){ 
    event.preventDefault(); // prevent submit 
    error = ''; 
    for (var i = 0; i < 10; i++) { 
     if ($('#cname' + i).length > 0) { 
      if ($('#cname' + i).val().length == 0) { 
       error = 'Names for those attending are required'; 
      } 
     } 
    } 
    if (error != '') { 
     alert (error); 
    } 
    else { 
     $('#othernames').submit(); 
     alert ($('#submit').val()); 
    } 
}); 
}); 

HTML生成PHP，這是一個版本，它沒有任何盒驗證

<form enctype="multipart/form-data" name="othernames" id="othernames" method="post" action="" target="_self"> 
<div class="table"> 
<table width="100%" border="0"> 
<tr> 
     <td colspan="3" ><input name="submit" id="submit" type="submit" value="Confirm Order" ></td> 
</tr> 
</table> 
</div> 
</form> 

這是場驗證： -

<form enctype="multipart/form-data" name="othernames" id="othernames" method="post" action="" target="_self"> 
<div class="table"> 
<table width="100%" border="0"><caption>Enter names for tickets, (if any)</caption> 
    <tr> 
    <th scope="col">Name</th> 
    <th scope="col">Email (Optional)</th> 
    <th scope="col">Club</th> 
    </tr><tr><td><input name="cID[]" type="hidden" value="11"><input name="cname[]" id  ="cname0" type="text" size="15" maxlength="20"></td> 
      <td><input name="cemail[]" id="cemail0" type="text" size="15"  maxlength="60"></td><td><input name="cclub[]" type="text" size="15" maxlength="25" value="VRA - United Kingdom"></td></tr><tr><td><input name="cID[]" type="hidden" value="11"><input name="cname[]" id="cname1" type="text" size="15" maxlength="20"></td> 
     <td><input name="cemail[]" id="cemail1" type="text" size="15" maxlength="60"></td><td><input name="cclub[]" type="text" size="15" maxlength="25" value="VRA - United Kingdom"></td></tr> 
<tr> 
<td colspan="3" ><input name="submit" id="submit" type="submit" value="Confirm Order" ></td> 
</tr> 
</table> 
</div> 
</form> 

問題使用reyaner的建議解決， 謝謝。現在JQuery的讀取和HTML使用一個提交按鈕

$(document).ready(function(){ 
// force content into cnamex 
    $('#submit').click(function(event){ 
      error = ''; 
     for (var i = 0; i < 10; i++) { 
      if ($('#cname' + i).length > 0) { 
       if ($('#cname' + i).val().length == 0) { 
       event.preventDefault(); // prevent submit 
       error = 'Names for those attending are required'; 
       } 
      } 
     } 
     if (error != '') { 
      alert (error); 
     } 
    }); 
}); 



enter code here 

Answer 1

Justinas Jurciukonis的答案可能很有效，但是這是最終的代碼，因爲它更短。如果PHP創建了它們，檢查0到10個可能的字段，如果它們是空白的，則提醒並阻止提交，這對於我的目的來說是足夠的驗證，但是當然，如​​果添加更多內容，並且比警告框更具創意。所要求的PHP循環產生

$('#submit').click(function(event){ 
    for (var i = 0; i < 10; i++) { 
     if ($('#cname' + i).length > 0) { 
      if ($('#cname' + i).val().length == 0) { 
       event.preventDefault(); // prevent submit 
       alert('Names for those attending are required'); 
      } 
     } 
    } 
}); 

HTML

<tr> 
    <td><input name="cname[]" id="cname0" type="text"></td> 
</tr> 
<tr> 
    <td><input name="cname[]" id="cname1" type="text"></td> 
</tr> 
<input name="submit" id="submit" type="submit" value="Confirm Order" > 

Answer 2

試試這個：

<form action='#' method='post' onSubmit='return validate()'>...</form> 

然後$（ '＃提交'）單擊更改功能的validate（）{...}，刪除.preventDefault（）和finnaly成功返回true，否則返回false。

function validate(){ 
    error = ''; 
    for (var i = 0; i < 10; i++) { 
     if ($('#cname' + i).length > 0) { 
      if ($('#cname' + i).val().length == 0) { 
       error = 'Names for those attending are required'; 
      } 
     } 
    } 
    if (error != '') { 
    alert (error); 
    return false; 
    } 
    else { 
    //$('#othernames').submit(); 
    alert ($('#submit').val()); 
    return true; 
    } 
});