通过组合变量对多个输入字段进行表单验证

时间:2015-05-13 13:10:20

标签: javascript jquery html forms validation

我有一个使用javascript表单验证的表单,而不是列出每个变量以及针对每个变量验证它的内容,我试图将所有这些变量组合到一个变量中,然后让它们针对单个元素列表进行验证。

我最初尝试将所有输入字段分配给一个类,并让它们对类而不是name元素进行验证,但是我无法让它工作,所以我正在尝试这个。

这是我的代码:

<!DOCTYPE html>
<html>
<head>
<script>
   function validateForm() {
      var x = document.forms["myForm"]["input1"].value;
      var y = document.forms["myForm"]["input2"].value;
      var z = x + y;
      if (z == "123CODE" || z == "125CODE") {
        return true;} 
      else if (z != "123CODE" || z != "125CODE") {
        alert("Please enter a valid code"); return false;}

      }
</script>
</head>
<body>

<form name="myForm" action="demo_form.asp"
onsubmit="return validateForm()" method="post">
Name: <input type="text" name="input1">
      <input type="text" name="input2">
      <input type="submit" value="Submit">
</form>

</body>
</html>

2 个答案:

答案 0 :(得分:2)

这将是您的javascript提交功能:

<强> DEMO

function validateForm() {
    var x = document.forms["myForm"]["input1"].value;
    var y = document.forms["myForm"]["input2"].value;
    var z = x + y;
    if (z == "123CODE" || z == "125CODE") 
    {
        return true;
    } 
    else
    {
       alert("Please enter a valid code"); 
       return false;
    }
}

同时,如果您的代码不区分大小写,则可以将if条件写为 -

if (z.trim().toLowerCase() == "123code" || z.trim().toLowerCase() == "125code")

答案 1 :(得分:0)

 if (z.search("123CODE")>0 || z.search("125CODE")>0)
{
}

如果搜索结果是&gt;你可以写if if这样的语句0然后条件为真,否则为假。