提交表单W/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

我的javascript表单验证工作正常。我想要它,这样当表单有效时,它将转到另一个页面。我对那部分有困难。我尝试使用document对象提交它,如果一切都有效,但它不起作用

Javascript:

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
。是的,该行错误: