Javascript表单验证dom选择器
Javascript表单验证dom选择器
提问于 2018-06-16 07:09:41
我无法将名为"color“的文本输入字段链接到条件语句。这是我的普通JS代码。
function validateForm(form) {
var x = document.forms["myForm"]["color"].value;
if (x === "red") {
alert("Guess again!");
return false;
}
}这是html表单。
<form name: "myForm" action="http://www.severien.com/grit/formecho.php" target="_blank" method="POST" onsubmit="return validateForm(this)">
<fieldset>
<legend>Personal Info:</legend>
First Name:
<br><input class="input" type="text" name="firstname" required min="2" maxlength="20"><br> Last Name:
<br><input class="input" type="text" name="lastname" required min="2" maxlength="20"><br> Color:
<br><input class="input" type="text" name="color" maxlength="20"> <br><b>
Money</b> in my pocket:<br> <input type="number" name="money" required max="1000000"><br>
<input type="submit" value="Submit">
</fieldset>
</form>回答 1
Stack Overflow用户
发布于 2018-06-16 07:17:34
form的name属性键入错误，它必须是name="myForm"，而不是name: "myForm"。
function validateForm(form) {
var x = document.forms["myForm"]["color"].value;
if (x === "red") {
alert("Guess again!");
return false;
}
}<form name="myForm" action="http://www.severien.com/grit/formecho.php" target="_blank" method="POST" onsubmit="return validateForm(this)">
<fieldset>
<legend>Personal Info:</legend>
First Name:
<br><input class="input" type="text" name="firstname" required min="2" maxlength="20"><br> Last Name:
<br><input class="input" type="text" name="lastname" required min="2" maxlength="20"><br> Color:
<br><input class="input" type="text" name="color" maxlength="20"> <br><b>
Money</b> in my pocket:<br> <input type="number" name="money" required max="1000000"><br>
<input type="submit" value="Submit">
</fieldset>
</form>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50883677
复制相关文章
相似问题