JAVASCRIPT限定输入的内容及格式
原创JAVASCRIPT限定输入的内容及格式
原创
王凡汎
修改于 2020-03-30 10:35:30
修改于 2020-03-30 10:35:30
员工信息登记表
图像：
代码如下：
<!DOCTYPE html >
<html lang="en">
<head>
<meta charset=utf-8" />
<title>员工信息登记表</title>
</head>
<body bgcolor="#ffc0cb">
<form method="get" id="register" action="do_login.jsp" onSubmit="return check(this);">
<h1 align="center"><b>员工信息登记表</b></h1>
<p>用户登录名:<input name="user" type="text"></p>
<p>真实姓名:<input type="text" name="name" /><a>(必填，只能输入汉字)</a></p>
<p>出生日期:<input type="date" name="date" /><a>(必填)</a></p>
<p>真实年龄:<input type="number" name="age" /><a>(必填)</a></p>
<p>电子邮件:<input type="email" name="email" /><a>(必填）</a></p>
<p>身份证号:<input type="number" name="post" /><a>(必填，能够以数字、字母x结尾的短身份证号)</a></p>
<p>手机号码:<input type="tel" name="phone"><a>(必填)</a></p>
<p>幸运颜色:<input type="color"></p>
<input type="submit" value="提交"/>
<input type="reset" value="重置" />
</form>
<script>
function check(form){
var name = form.name.value;
var date = form.date.value;
var age = form.age.value;
var email = form.email.value;
var post = form.post.value;
var phone = form.phone.value;
if(name.length==0){
alert("请填写用户名！");
form.name.focus();
return false;
}
if(date.length==0){
alert("请填写日期！");
form.date.focus();
return false;
}
if(age.length==0){
alert("请填写年龄！");
form.age.focus();
return false;
}
if(email.length==0){
alert("请填写邮箱！");
form.email.focus();
return false;
}
if(post.length==0){
alert("请填写身份证！");
form.post.focus();
return false;
}
if(phone.length==0){
alert("请填写电话号码！");
form.phone.focus();
return false;
}
}
</script>
</body>
</html>
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
评论
登录后参与评论
推荐阅读
目录