【问题标题】:Form validate not working properly表单验证无法正常工作
【发布时间】:2012-11-18 15:44:34
【问题描述】:

我正在尝试制作验证表单。我无法让我的验证表单正常工作电话功能无法正常工作,即使用户按下提交,我也不确定它是否只是提交,有人可以帮助我吗?

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;
}

【问题讨论】:

  • 我收到错误 {"error": "Please use POST request"} 。如果您不在 FORM 标签中使用以下内容 action="example.com" method="POST"

标签: java javascript html validation


【解决方案1】:
<form onsubmit="return validate();" name="formValidation"  action="fileto redirect here" method="post">

【讨论】:

    猜你喜欢
    • 2012-04-22
    • 2012-11-18
    • 1970-01-01
    • 1970-01-01
    • 2020-04-24
    • 2015-11-26
    相关资源
    最近更新 更多