大家好,因为某些原因,我的提交按钮无效。我尝试了几种方法,我将在下面解释。另外,我应该说我正在使用bootstrap模态。我不确定这是否是它以各种方式表现的原因。
首先是我的表格:
<form name="register" action="register.php" method="post">
<table id="registrationTable" border="0">
<tr id="registrationTR">
<td id="usernameTxt">Username:</td>
<td><input type="text" id="username" class="input" name="username" onChange"checkName(document)">
<br /><p id="registrationInfo">Only alphanumeric, 6-characters minimum</p>
</td>
<td id="username_msg" style="color:red;"></td>
</tr>
<tr id="registrationTR">
<td id="passwordTxt">Password:</td>
<td><input type="password" id="password" class="input" name="password" onChange"checkPassword(document)">
<br /><p id="registrationInfo">6-characters minimum, case-sensitive</p>
</td>
<td id="pwd_msg" style="color:red;"></td>
</tr>
<tr id="registrationTR">
<td>Confirm Password:</td>
<td><input type="password" id="rePassword" class="input" name="rePassword">
<br \><p> </p>
</td>
</tr>
<tr id="registrationTR">
<td id="emailTxt">Email:</td>
<td><input type="text" id="email" class="input" name="email" onChange"checkEMail(document)">
<br \><p> </p>
</td>
<td id="email_msg" style="color:red;"></td>
</tr>
</table>
</form>
然后是我的提交按钮。请注意我尝试了两种方式,一个按钮和一个输入类型,两者都不起作用。是的我已经使用输入类型取出了JS的验证部分,以查看它是否正常工作。
<input type="submit" class="btn btn-primary" name="registerSubmit" value="Submit" />
<button type="submit" class="btn btn-primary" name="registerSubmit" onClick="return validateInfo(document)">Register</button>
JS代码只是验证输入字段中是否有任何输入。最后,它返回true或false。我只会展示它返回true或false的最后一块:
function validateInfo(document) {
if (checkName(document) && checkPassword(document) && checkRePassword(document) && checkEMail(document)) {
document.getElementById("register").submit();
return true;
}
return false;
}
我甚至尝试使用document.getElementById("register").submit();
尝试通过js提交表单,但这不起作用。
现在,它甚至没有加载php文件,所以我不会包含php文件atm。如果需要,我可以根据要求提供。
任何帮助都会很棒。
提前致谢。
答案 0 :(得分:0)
您要求输入ID“注册”,但您的表单没有ID“注册”:
document.getElementById("register").submit();
尝试为您的表单提供ID:
<form name="register" id="register" action="register.php" method="post">
如果它不起作用,请查看您的提交按钮,如果它在<form></form>
区块内。