179 lines
5.6 KiB
Plaintext
179 lines
5.6 KiB
Plaintext
$(function() {
|
||
var stuList = getStuList();
|
||
$('input').eq(0).focus(function() {
|
||
if ($(this).val().length == 0) {
|
||
$(this).parent().next("div").text("支持中文，字母，数字，'-'，'_'的多种组合");
|
||
}
|
||
})
|
||
|
||
$('input').eq(1).focus(function() {
|
||
if ($(this).val().length == 0) {
|
||
$(this).parent().next("div").text("请输入正确的邮箱");
|
||
}
|
||
})
|
||
|
||
$('input').eq(2).focus(function() {
|
||
if ($(this).val().length == 0) {
|
||
$(this).parent().next("div").text("建议使用字母、数字和符号两种以上的组合，6-20个字符");
|
||
}
|
||
})
|
||
|
||
$('input').eq(3).focus(function() {
|
||
if ($(this).val().length == 0) {
|
||
$(this).parent().next("div").text("请再次输入密码");
|
||
}
|
||
})
|
||
|
||
$('input').eq(4).focus(function() {
|
||
if ($(this).val().length == 0) {
|
||
$(this).parent().next("div").text("验证完后，你可以使用该手机登陆和找回密码");
|
||
}
|
||
})
|
||
|
||
$('input').eq(5).focus(function() {
|
||
if ($(this).val().length == 0) {
|
||
$(this).parent().next().next("div").text("看不清？点击图片更换验证码");
|
||
}
|
||
})
|
||
|
||
$('input').eq(0).blur(function() {
|
||
if ($(this).val().length == 0) {
|
||
$(this).parent().next("div").text("");
|
||
$(this).parent().next("div").css("color", '#ccc');
|
||
} else {
|
||
// for (var m = 0; m < stuList.length; m++) {
|
||
// if ($(this).val() == stuList[m].name) {
|
||
// $(this).parent().next("div").text("该用户名已被注册");
|
||
// $(this).parent().next("div").css("color", 'red');
|
||
// return;
|
||
// }
|
||
// }
|
||
|
||
$(this).parent().next("div").text("");
|
||
}
|
||
})
|
||
|
||
$('input').eq(1).blur(function() {
|
||
var email =$(this).val();
|
||
if ($(this).val().length == 0) {
|
||
$(this).parent().next("div").text("");
|
||
$(this).parent().next("div").css("color", '#ccc');
|
||
} else if (!email.match(/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/)) {
|
||
$(this).parent().next("div").text("邮箱格式不正确因为****@**.**");
|
||
$(this).parent().next("div").css("color", 'red');
|
||
} else {
|
||
$(this).parent().next("div").text("");
|
||
}
|
||
})
|
||
|
||
$('input').eq(2).blur(function() {
|
||
if ($(this).val().length == 0) {
|
||
$(this).parent().next("div").text("");
|
||
$(this).parent().next("div").css("color", '#ccc');
|
||
} else if ($(this).val().length > 0 && $(this).val().length < 6) {
|
||
$(this).parent().next("div").text("长度只能在6-20个字符之间");
|
||
$(this).parent().next("div").css("color", 'red');
|
||
} else {
|
||
$(this).parent().next("div").text("");
|
||
}
|
||
})
|
||
|
||
$('input').eq(3).blur(function() {
|
||
if ($(this).val().length == 0) {
|
||
$(this).parent().next("div").text("");
|
||
$(this).parent().next("div").css("color", '#ccc');
|
||
} else if ($(this).val() != $('input').eq(2).val()) {
|
||
$(this).parent().next("div").text("两次密码不匹配");
|
||
$(this).parent().next("div").css("color", 'red');
|
||
} else {
|
||
$(this).parent().next("div").text("");
|
||
}
|
||
})
|
||
|
||
/* $('input').eq(4).blur(function() {
|
||
if ($(this).val().length == 0) {
|
||
$(this).parent().next("div").text("");
|
||
$(this).parent().next("div").css("color", '#ccc');
|
||
} else if ($(this).val().substr(0, 3) != 138 && $(this).val().substr(0, 3) != 189 && $(this).val().substr(0, 3) !=
|
||
139 && $(this).val().substr(0, 3) != 158 && $(this).val().substr(0, 3) != 188 && $(this).val().substr(0, 3) !=
|
||
157 && $(this).val().substr(0, 3) != 187 || $(this).val().length != 11) {
|
||
$(this).parent().next("div").text("手机号格式不正确");
|
||
$(this).parent().next("div").css("color", 'red');
|
||
} else {
|
||
$(this).parent().next("div").text("");
|
||
}
|
||
})*/
|
||
|
||
|
||
function code() {
|
||
var str = "qwertyuiopasdfghjklzxcvbnm1234567890QWERTYUIOPLKJHGFDSAZXCVBNM";
|
||
var str1 = 0;
|
||
for (var i = 0; i < 4; i++) {
|
||
str1 += str.charAt(Math.floor(Math.random() * 62))
|
||
}
|
||
|
||
str1 = str1.substring(1)
|
||
|
||
$("#code").text(str1);
|
||
}
|
||
|
||
code();
|
||
$("#code").click(code);
|
||
$('input').eq(5).blur(function() {
|
||
if ($(this).val().length == 0) {
|
||
$(this).parent().next().next("div").text("");
|
||
$(this).parent().next().next("div").css("color", '#ccc');
|
||
} else if ($(this).val().toUpperCase() != $("#code").text().toUpperCase()) {
|
||
$(this).parent().next().next("div").text("验证码不正确");
|
||
$(this).parent().next().next("div").css("color", 'red');
|
||
} else {
|
||
$(this).parent().next().next("div").text("");
|
||
}
|
||
})
|
||
|
||
$("#submit_btn").click(function(e) {
|
||
for (var j = 0; j < 5; j++) {
|
||
if ($('input').eq(j).val().length == 0) {
|
||
$('input').eq(j).focus();
|
||
if (j == 4) {
|
||
$('input').eq(j).parent().next().next("div").text("此处不能为空");
|
||
$('input').eq(j).parent().next().next("div").css("color", 'red');
|
||
e.preventDefault();
|
||
return;
|
||
}
|
||
$('input').eq(j).parent().next(".tips").text("此处不能为空");
|
||
$('input').eq(j).parent().next(".tips").css("color", 'red');
|
||
e.preventDefault();
|
||
return;
|
||
}
|
||
}
|
||
/*if ($("#xieyi")[0].checked) {
|
||
stuList.push(new Student($('input').eq(0).val(), $('input').eq(2).val(), $('input').eq(4).val(), stuList.length +
|
||
1));
|
||
localStorage.setItem('stuList', JSON.stringify(stuList));
|
||
} else {
|
||
$("#xieyi").next().next().next(".tips").text("请勾选协议");
|
||
$("#xieyi").next().next().next(".tips").css("color", 'red');
|
||
e.preventDefault();
|
||
return;
|
||
}*/
|
||
})
|
||
|
||
function Student(name, password, tel, id) {
|
||
this.name = name;
|
||
this.password = password;
|
||
this.tel = tel;
|
||
this.id = id;
|
||
}
|
||
|
||
function getStuList() {
|
||
var list = localStorage.getItem('stuList');
|
||
if (list != null) {
|
||
return JSON.parse(list);
|
||
} else {
|
||
return new Array();
|
||
}
|
||
}
|
||
|
||
})
|