HTML JS实现表单验证




<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单验证示例</title>
    <script>
        function validateForm() {
            var x = document.forms["myForm"]["fname"].value;
            if (x == "") {
                alert("名字必须填写");
                return false;
            }
        }
    </script>
</head>
<body>
    <form name="myForm" action="demo_form.php" onsubmit="return validateForm()" method="post">
        名字: <input type="text" name="fname">
        <input type="submit" value="提交">
    </form>
</body>
</html>

这段代码演示了如何在HTML表单提交之前使用JavaScript函数validateForm来验证用户是否填写了名字字段。如果名字字段为空，则会弹出警告，并且阻止表单的提交。

HTML JS实现表单验证

评论已关闭

推荐阅读