提交表单W/Javascript
我的javascript表单验证工作正常。我想要它,这样当表单有效时,它将转到另一个页面。我对那部分有困难。我尝试使用document对象提交它,如果一切都有效,但它不起作用 Javascript:提交表单W/Javascript,javascript,forms,validation,Javascript,Forms,Validation,我的javascript表单验证工作正常。我想要它,这样当表单有效时,它将转到另一个页面。我对那部分有困难。我尝试使用document对象提交它,如果一切都有效,但它不起作用 Javascript: function func(){ var first = document.getElementById('fname').value; var last = document.getElementById('lname').value; var email = docume
function func(){
var first = document.getElementById('fname').value;
var last = document.getElementById('lname').value;
var email = document.getElementById('mail').value;
var phone = document.getElementById('phone').value;
var val_phone = /^\(\d{3}\)\d{3}-\d{4}$/;
var val_mail = /^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,3}$/;
if ( first == "" || last == "" || email == "" || phone == "")
{
alert("Do not Leave Any Blank Answers");
return;
}
if ( phone != phone.match(val_phone) || email != email.match(val_mail) )
{
alert("Incorrect Format! \n Please Check Email and Phone Number! ");
return;
}
else {
document.forms["survey"].sumbit();
}
}
HTML:
<form id="survey" name="survey" action="SlideShow.html" method="post">
First Name:<br>
<input type="text" id="fname" name="fname" required="required"><br>
Last Name:<br>
<input type="text" id="lname" name="lname" required="required"><br>
Email:<br>
<input type="email" id="mail" name="mail" required="required"><br>
Phone Number:<br>
<input type="text" id="phone" name="phone" required="required"><br><br>
<input type="button" value="Submit" onclick="func()">
</form>
名字:
姓氏:
电子邮件:
电话号码:
您的else
块正在调用sumbit()
,但正确的拼写是submit()
另外,我建议你去公园
下面是一个包含更新和重构代码的JSFIDLE:
这将是submit()
,而不是sumbit()
:)也就是说,只有在出现错误时(而不是在默认情况下具有预防功能),才应该执行相反的操作并执行preventDefault
。是的,该行错误: