<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=GB2312"/>
<title> 4.1 确认表单必填项目完整性 </title>
<!--脚本部分-->
<script type="text/javascript">
function check_submit(){
if($("tex_user_name").value=="") {alert("请输入用户名");return (false);}
if($("txt_user_pass").value=="") {alert("请输入密码");return (false);}
if($(("tet_user_pass_confirm").value=="") {alert("请填写确认密码");return(false);}
}
function $(str) {return(document.getElementById(str));}
</script>
</head>
<body style="overflow:auto;">
<form action="" onsubmit="return cheak_submit();">
用户名:<br>
<input id="tet_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>
这个程序由表单部分和JavaScript部分组成
函数$ 作用是根据页面元素 "id" 属性获得对页面元素的引用
直接调用了 "document.getElementById" 方法
function func_name(paramenter01,parameter02,....){
//函数体
return (some_value) ; //函数返回值
}
JavaScript-4.1-简单的表单操作,函数使用方法---ShinePans,布布扣,bubuko.com
时间： 2024-10-03 14:46:37