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; 
    } 
});