Question

我有一个表单，目前我有一个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的新手，请原谅我已经有了一个简单的解决方案。

由于

Answer 1

onsubmit =后的所有引号都只是javascript。您可以通过执行以下操作确保两个函数都返回true：

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

Answer 2

您可以将其添加为该条件中的另一个规则。例如：

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

最好重构这段代码，但这可能是你做所需的最快方法。

多个表单提交验证？

2 个答案: