如何创建 - 空字段的 JS 验证
了解如何使用 JavaScript 为空输入字段添加表单验证。
空输入的表单验证
步骤 1) 添加 HTML:
实例
<form name="myForm" action="/action_page.php" onsubmit="return validateForm()"
method="post" required>
Name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>
第 2 步）添加 JavaScript:
如果输入字段（fname）为空，该函数会提示一条消息，并返回false，以防止表单被提交:
实例
function validateForm() {
var x =
document.forms["myForm"]["fname"].value;
if (x == "") {
alert("Name must be filled out");
return false;
}
}
亲自试一试 »
