6.4 不同字段进行检查

  • 检查 2 次密码是否一致;使用方法与原书不同;
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script>
        function validateForm() {
            var x = document.forms["myForm"]["pwd1"].value;
            var y = document.forms["myForm"]["pwd2"].value;
            if (x != y) {
                alert("2 次密码不一致!");
                return false;
            }
        }
    </script>
</head>
<body>
<form name="myForm" action="demo_form.php" onsubmit="return validateForm()" method="post">
    <label>名字: <input type="text" name="pwd1"></label>
    <label>密码: <input type="text" name="pwd2"></label>
    <input type="submit" value="提交">
</form>
</body>
</html>