gpt4 book ai didi

JQuery函数submit()不提交表单

转载 作者:行者123 更新时间:2023-12-01 04:12:15 25 4
gpt4 key购买 nike

我无法提交表单,提交时会出现 alert ($('#submit').val()); 中的 else以便代码进入正确的位置,但表单未提交。

表单有一个 id 为 othername,提交按钮曾被称为 name 和 id of save,目前两者都设置为提交。

感谢任何帮助。

$(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

最佳答案

试试这个:

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

然后 $('#submit').click 更改为 function validate(){...},删除 .preventDefault(),最后成功返回 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;
}
});

关于JQuery函数submit()不提交表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18999491/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com