javascript雇员注册表单

来源:互联网 发布:网络工程和网络布线 编辑:程序博客网 时间:2024/05/22 15:29
<!DOCTYPE html><html lang="en"><head>    <meta http-equiv="content-type" content="text/html" charset="UTF-8">    <title>雇员注册表单</title>    <script language="JavaScript">        function check() {             return checkEmp();        }        function checkEmp()        {            var count=0;            var empno=document.getElementById("empno");            var empname=document.getElementById("empname");            var emppwd=document.getElementById("emppwd");            var empjob=document.getElementById("empjob");            var empdate=document.getElementById("empdate");            var empsal=document.getElementById("empsal");            var empbond=document.getElementById("empbond");            var empemail=document.getElementById("empemail");            if(!/^\d+&/.test(empno))            {                alert("雇员编号必须是数字!");            }            else                count++;            if(empname.value.length==0)            {                alert("用户名不能为空!");            }            else                count++;            if(!/^w+$/.test(emppwd.value))            {                alert("密码格式不正确");            }            else                count++;            if(empjob.value.length==0)            {                alert("工作不能为空!");            }            else                count++;            if(!/^\d{4}-\d{2}-\d{2}$/.test(empdate))            {                alert("雇佣日期不能为空!");            }            else                count++;            if(!/^\d+\.\d+$/.test(empsal))            {                alert("工资必须为小数")            }            else                count++;            if(!/^\d+\.\d+$/.test(empbond))            {                alert("奖金必须为小数")            }            else                count++;            if(!/^\w+@\w+\.\w+$/.test(empemail.value))            {                alert("邮箱格式不正确!");            }            else                count++;            if(count==8)                return true;            else                return false;        }    </script></head><body><form action="check.htm" method="post" name="emp" id="emp" onsubmit="return check()">    雇员编号:<input type="number" name="empno" id="empno" value=""><br/>    雇员姓名:<input type="text" name="empname" id="empname" value=""><br/>    雇员密码:<input type="password" name="emppwd" id="emppwd" value=""><br/>    雇员性别:<input type="radio" name="sex" value="" checked>&nbsp;    <input type="radio" name="sex" value=""><br>    雇员工作:<input type="text" name="empjob" id="empjob" value=""><br/>    雇员日期:<input type="text" name="empdate" id="empdate" value=""><br/>    基本工资:<input type="number" name="empsal" id="empsal" value=""><br/>    &nbsp;&nbsp;:<input type="number" name="empbond" id="empbond"  value=""><br/>    &nbsp;&nbsp;:<input type="email" name="empemail" id="empemail"  value=""><br/>    <input type="submit"  value="确认提交" onclick="check()"><br/>&nbsp;    <input type="reset"  value="重置"><br/></form></body></html>
0 0
原创粉丝点击