使用javascript验证表单文本和下拉菜单

时间:2015-11-23 06:25:19

标签: javascript html

我正在尝试验证来自CGI的输入以使用java脚本。该表包含2列和多行。在第一列中有一个文本框,在另一列中有一个下拉菜单。我需要验证他们的内容。如果在第一列中还有其他任何内容,那么' NA'第二栏不得有“NA”#。当我在列中使用文本框尝试下面的代码时,它正在工作,但是当我在第二列中放置下拉列表时无法正常工作。需要一些建议。

<html>
<head>
<script>
        function validateForm() {
        return [].every.call(document.querySelectorAll('select[name^=name]'), function(el, p, l) {
            if(el.name.indexOf('drp') > 1 && el.value === "NA" && l.options[p - 1].text !== "NA") {
                alert('Custom alert');
                return false;
            }

            return true;
        });
    }
</script>
</head>
<body>

<form name="myForm" action="demo_form.asp"
onsubmit="return validateForm()" method="post">
Name: <input type="text" name="name2">
Name1: 
<select name="name2_drp">
<option value="abc">abc</option>
<option selected="selected" value="NA">NA</option>
<option value="xyz">xyz</option>
</select>
<input type="submit" value="Submit">
</form>

</body>
</html>

我从输入到选择进行了更改,但仍无法正常工作。我在这里错过了什么吗?

0 个答案:

没有答案