多个表单onsubmit验证



我有一个表单,目前我有一个javascript代码来验证我的表单,以确保用户填写了每个输入。我的表单动作包括:

onsubmit="return validateForm();"

这是javascript,以确保每个字段填写。下面是我的javascript代码:

<script type="text/javascript">// 
<![CDATA[function validateForm() { 
    var a=document.forms["myform"]["inf_field_FirstName"].value; 
    var b=document.forms["myform"]["inf_field_Email"].value; 
    var c=document.forms["myform"]["inf_field_Phone1"].value; 
    if (a==null || a=="" || a=="First Name Here")
    {   alert("Please enter your First Name!");   
    return false;   }     
    if (c==null || c==''|| c=="Enter Your Phone Here")
    {    alert("Please insert your phone number!");   
    return false;   }    
    var emailRegEx = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+.[A-Z]{2,4}$/i;    
    if (document.myform.inf_field_Email.value.search(emailRegEx) == -1)  
    {           alert("Please enter a valid email address.");               
    return false;    } }
    // ]]>
</script>

然而,在c中定义的电话号码字段上,我想添加另一个脚本,如果用户没有输入至少9位数字长的电话号码,该脚本将弹出。我正在考虑添加这样的代码

<script type="text/javascript">
function validate(){
var c=document.forms["myform"]
    if (input.length<9){
        alert("Please enter a real phone number")
        return false
    }else {
        return true
    }
}
</script>

然而,我不知道如何运行两个功能提交。我对javascript非常陌生,所以如果已经有一个简单的解决方案,请原谅我。

谢谢

onsubmit=后面的引号就是javascript。您可以通过以下操作确保两个函数都返回true:

onsubmit="return validateForm() && validate();"

您可以将它作为另一条规则添加到该条件中。例如:

if (c==null || c==''|| c=="Enter Your Phone Here" || c.length < 9)   {    
  alert("Please insert your phone number!");   
  return false;
}

重构这段代码可能是最好的方法,但这可能是最快的方法。

最新更新