4-1 确认表单必填项目完整性.htm

来自「JAVASCRIPT完全自学手册,中源码的验证修订实例」· HTM 代码 · 共 26 行

HTM
26
字号
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=GB2312" />
<title>4-1  确认表单必填项目完整性</title>
<!-- 脚本部分 -->
<script type="text/javascript">
    function check_submit(){
        if($("txt_user_name").value==""){ alert("请填写用户名"); return(false); }
        if($("txt_user_pass").value==""){ alert("请填写密码"); return(false); }
        if($("txt_user_pass_confirm").value==""){ alert("请填写确认密码"); return(false); }
    }
    function $(str){ return(document.getElementById(str)); }
</script>
</head>
<body style="overflow:auto;">
<form action="" onsubmit="return check_submit();">
    用户名:<br>
    <input id="txt_user_name"><br>
    密码:<br>
    <input id="txt_user_pass" type="password"><br>
    确认密码:<br>
    <input id="txt_user_pass_confirm" type="password"><br>
    <input type="submit" value="提交">
</form>
</body>
</html>

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?