<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
<style>
* {
margin: 0px auto;
padding: 0px;
}
.div1 {
width: 600px;
}
.bu1 {
margin-left: 450px;
}
.bu2 {
margin-left: 30px;
}
</style>
</head>
<body>
<form>
<div class="div1">
账号:<input type="text" id="zhang" /><br /> 密码:
<input type="password" id="mi" /><br /> 重复密码:
<input type="password" id="chmi" /><br /> 昵称:
<input type="text" id="ni" /><br /> 出生日期:
<input type="date" name="aa"/><br /> 性别:
<input type="radio" name="sex" checked="checked" />汉子<input type="radio" name="sex" />妹子<br /> 身份证号:
<input type="text" id="shen" /><br /> 手机号:
<input type="text" id="shou" /><br /> QQ:
<input type="text" id="qq" /><br /> 邮箱:
<input type="text" id="you" /><br />
</div>
<input type="button" value="注册" id="zhu" class="bu1" /><input type="button" value="清空" id="qing" class="bu2" />
</form>
</body>
<script>
//账号验证
var fal1 = false;
function a1() {
var zhang = $("#zhang").val();
if(zhang == "" || zhang == null) {
alert("账号不能为空")
fal1 = false;
return;
} else {
var zhang1 = /^(?!^[0-9]*$)(?!^[a-zA-Z]*$)^([a-zA-Z0-9]{2,})$/
if(!zhang1.test(zhang)) {
alert("账号必须为字母+数字的组合,不能出现特殊字符");
fal1 = false;
} else {
fal1 = true;
}
}
}
//密码验证
var fal2 = false;
function a2() {
var mi = $("#mi").val();
if(mi == "" || mi == null) {
alert("密码不能为空");
fal2 = false;
} else {
var mi1 = /^(?!^[0-9]*$)(?!^[a-zA-Z]*$)^([a-zA-Z0-9]{2,})$/
if(!mi1.test(mi)) {
alert("密码规则为首字母大写+字母+数字的组合,不得出现特殊字符");
fal2 = false;
} else {
fal2 = true;
}
}
}
//重复密码验证
var fal3 = false;
function a3() {
var chmi = $("#chmi").val();
if(chmi == "" || chmi == null) {
alert("重复密码不能为空");
fal3 = false;
} else {
var mi = $("#mi").val();
var ch = $("#chmi").val();
if(ch != mi) {
alert("密码规则为首字母大写+字母+数字的组合,不得出现特殊字符");
fal3 = false;
} else {
fal3 = true;
}
}
}
//昵称验证
var fal4 = false;
function a4() {
var ni = $("#ni").val();
if(ni == "" || ni == null) {
alert("昵称不能为空");
fal4 = false;
} else {
if(ni.indexOf("我是昵称1") != -1 || ni.indexOf("我是昵称2") != -1) {
alert("昵称重复");
fal4 = false;
} else {
fal4 = true;
}
}
}
//身份证号码验证
var fal5 = false;
function a5() {
var shen = $("#shen").val();
if(shen == "" || shen == null) {
alert("身份证号不能为空");
fal5 = false;
} else {
var shen1 = /^[1-9]{18}\d*$/
if(!shen1.test(shen)) {
alert("身份证号18位+纯数字");
fal5 = false;
} else {
fal5 = true;
}
}
}
//手机号验证
var fal6 = false;
function a6() {
var shou = $("#shou").val();
if(shou == "" || shou == null) {
alert("手机号不能为空");
fal6 = false;
} else {
var shou1 = /^1[0-9]{10}$/
if(!shou1.test(shou)) {
alert("手机号首位字符必须是1开头+纯数字");
fal6 = false;
} else {
fal6 = true;
}
}
}
//qq号验证
var fal7 = false;
function a7() {
var qq = $("#qq").val();
if(qq == "" || qq == null) {
alert("QQ号不能为空");
fal7 = false;
} else {
var qq1 = /^[1-9]{5,}\d*$/
if(!qq1.test(qq)) {
alert("QQ号5位以上+纯数字");
fal7 = false;
} else {
fal7 = true;
}
}
}
//邮箱验证
var fal8 = false;
function a8() {
var you = $("#you").val();
if(you == "" || you == null) {
alert("邮箱不能为空");
fal8 = false;
} else {
var you1 = /^([\w\-]+\@[\w\-]+\.[\w\-]+)$/
if(!you1.test(you)) {
alert("邮箱要验证是否带有@,必须以.com");
fal8 = false;
} else {
fal8 = true;
}
}
}
//注册
$("#zhu").click(function() {
a1();
if(fal1 == true) {
a2();
if(fal2 == true) {
a3();
if(fal3 == true) {
a4();
if(fal4 == true) {
a5();
if(fal5 == true) {
a6();
if(fal6 == true) {
a7()
if(fal7 == true) {
a8();
if(fal8 == true) {
alert("注册成功")
}
}
}
}
}
}
}
}
})
//清空
$("#qing").click(function() {
$(".div1 input").val("");
});
</script>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
<style>
* {
margin: 0px auto;
padding: 0px;
}
.div1 {
width: 600px;
}
.bu1 {
margin-left: 450px;
}
.bu2 {
margin-left: 30px;
}
</style>
</head>
<body>
<form>
<div class="div1">
账号:<input type="text" id="zhang" /><br /> 密码:
<input type="password" id="mi" /><br /> 重复密码:
<input type="password" id="chmi" /><br /> 昵称:
<input type="text" id="ni" /><br /> 出生日期:
<input type="date" name="aa"/><br /> 性别:
<input type="radio" name="sex" checked="checked" />汉子<input type="radio" name="sex" />妹子<br /> 身份证号:
<input type="text" id="shen" /><br /> 手机号:
<input type="text" id="shou" /><br /> QQ:
<input type="text" id="qq" /><br /> 邮箱:
<input type="text" id="you" /><br />
</div>
<input type="button" value="注册" id="zhu" class="bu1" /><input type="button" value="清空" id="qing" class="bu2" />
</form>
</body>
<script>
//账号验证
var fal1 = false;
function a1() {
var zhang = $("#zhang").val();
if(zhang == "" || zhang == null) {
alert("账号不能为空")
fal1 = false;
return;
} else {
var zhang1 = /^(?!^[0-9]*$)(?!^[a-zA-Z]*$)^([a-zA-Z0-9]{2,})$/
if(!zhang1.test(zhang)) {
alert("账号必须为字母+数字的组合,不能出现特殊字符");
fal1 = false;
} else {
fal1 = true;
}
}
}
//密码验证
var fal2 = false;
function a2() {
var mi = $("#mi").val();
if(mi == "" || mi == null) {
alert("密码不能为空");
fal2 = false;
} else {
var mi1 = /^(?!^[0-9]*$)(?!^[a-zA-Z]*$)^([a-zA-Z0-9]{2,})$/
if(!mi1.test(mi)) {
alert("密码规则为首字母大写+字母+数字的组合,不得出现特殊字符");
fal2 = false;
} else {
fal2 = true;
}
}
}
//重复密码验证
var fal3 = false;
function a3() {
var chmi = $("#chmi").val();
if(chmi == "" || chmi == null) {
alert("重复密码不能为空");
fal3 = false;
} else {
var mi = $("#mi").val();
var ch = $("#chmi").val();
if(ch != mi) {
alert("密码规则为首字母大写+字母+数字的组合,不得出现特殊字符");
fal3 = false;
} else {
fal3 = true;
}
}
}
//昵称验证
var fal4 = false;
function a4() {
var ni = $("#ni").val();
if(ni == "" || ni == null) {
alert("昵称不能为空");
fal4 = false;
} else {
if(ni.indexOf("我是昵称1") != -1 || ni.indexOf("我是昵称2") != -1) {
alert("昵称重复");
fal4 = false;
} else {
fal4 = true;
}
}
}
//身份证号码验证
var fal5 = false;
function a5() {
var shen = $("#shen").val();
if(shen == "" || shen == null) {
alert("身份证号不能为空");
fal5 = false;
} else {
var shen1 = /^[1-9]{18}\d*$/
if(!shen1.test(shen)) {
alert("身份证号18位+纯数字");
fal5 = false;
} else {
fal5 = true;
}
}
}
//手机号验证
var fal6 = false;
function a6() {
var shou = $("#shou").val();
if(shou == "" || shou == null) {
alert("手机号不能为空");
fal6 = false;
} else {
var shou1 = /^1[0-9]{10}$/
if(!shou1.test(shou)) {
alert("手机号首位字符必须是1开头+纯数字");
fal6 = false;
} else {
fal6 = true;
}
}
}
//qq号验证
var fal7 = false;
function a7() {
var qq = $("#qq").val();
if(qq == "" || qq == null) {
alert("QQ号不能为空");
fal7 = false;
} else {
var qq1 = /^[1-9]{5,}\d*$/
if(!qq1.test(qq)) {
alert("QQ号5位以上+纯数字");
fal7 = false;
} else {
fal7 = true;
}
}
}
//邮箱验证
var fal8 = false;
function a8() {
var you = $("#you").val();
if(you == "" || you == null) {
alert("邮箱不能为空");
fal8 = false;
} else {
var you1 = /^([\w\-]+\@[\w\-]+\.[\w\-]+)$/
if(!you1.test(you)) {
alert("邮箱要验证是否带有@,必须以.com");
fal8 = false;
} else {
fal8 = true;
}
}
}
//注册
$("#zhu").click(function() {
a1();
if(fal1 == true) {
a2();
if(fal2 == true) {
a3();
if(fal3 == true) {
a4();
if(fal4 == true) {
a5();
if(fal5 == true) {
a6();
if(fal6 == true) {
a7()
if(fal7 == true) {
a8();
if(fal8 == true) {
alert("注册成功")
}
}
}
}
}
}
}
}
})
//清空
$("#qing").click(function() {
$(".div1 input").val("");
});
</script>
</html>