2020.11.19 表单验证

HTML 表单验证可以通过 JavaScript 来完成。

以下实例代码用于判断表单字段(fname)值是否存在, 如果不存在,就弹出信息,阻止表单提交:

function validateForm() {
var x = document.forms["myForm"]["fname"].value;
if (x == null || x == "") {
alert("需要输入名字。");
return false;
}
}

以上 JavaScript 代码可以通过 HTML 代码来调用:

<form name="myForm" action="demo_form.php" onsubmit="return validateForm
()" method="post">
名字: <input type="text" name="fname">
<input type="submit" value="提交">
</form>
 

HTML 表单验证也可以通过浏览器来自动完成。

如果表单字段 (fname) 的值为空, required 属性会阻止表单提交:

<form action="demo_form.php" method="post">
<input type="text" name="fname" required="required">
<input type="submit" value="提交">
</form>
原文地址:https://www.cnblogs.com/SirNie/p/14166925.html