2012-11-30 62 views
0

我试图做一个验证表单。我无法让我的验证表单正常工作电话功能无法正常工作,我不确定是否只是提交它即使用户按下提交,任何人都可以帮助我吗?表单验证工作不正常

HTML:

<form onsubmit="return validate();" name="formValidation"> 
    <label>First Name:</label> 
    <input type="text" name="firstName" /><br /><br /> 
    <label>Last Name:</label> 
    <input type="text" name="lastName" /><br /><br /> 
    <label>E_mail:</label> 
    <input type="text" name="Email" onchange="validateEmail(this.value)"/><br /><br /> 
    <label>Confirm E_mail:</label> 
    <input type="text" name="confirmEmail" onchange="validateEmail(this.value)"/><br /><br /> 
    <label>Address:</label> 
    <input type="text" name="Address" /><br /><br /> 
    <label>Telephone nr:</label> 
    <input type="text" name="fld" /><br /><br /> 
    <br /> 
    <p>submit your form: </p><input type="submit" value="Submit" /> 
</form> 

JS:

function validate(){ 
    if(document.formValidation.firstName.value == "" || 
    document.formValidation.lastName.value == "" || 
    document.formValidation.Email.value == "" || 
    document.formValidation.confirmEmail.value == "" || 
    document.formValidation.Address.value == "" || 
    document.formValidation.fld.value == "") 
    { 
     alert("Please fill all the boxes before submitting!"); 
     return false; 
    } else if (telPhone(document.formValidation.fld.value)!=""){ 
     alert(error) 
     return false 
    }else { 

     alert('Your form has been submitted!'); 
    } 

} 
function validateEmail(Email) 
{ 
if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(Email)) 
    { 
    return true; 
    } 
    alert("You have entered an invalid email address!") 
    return (false) 
} 

function telPhone(fld) { 
    var error = ""; 
    if (fld == "") { 
     error = "You didn't enter a phone number."; 
    } else if (isNaN(fld)) { 
     error = "The phone number contains illegal characters."; 
    } else if (fld.length != 10) { 
     error = "The phone number is the wrong length. Make sure you included an area code." 
    } 

    return error; 
} 
+0

我得到的错误{ “错误”: “请使用POST请求”}。如果您未在FORM标记中使用以下内容action =“http://example.com/”method =“POST” – topcat3

回答

0
<form onsubmit="return validate();" name="formValidation" action="fileto redirect here" method="post">