$(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(); } } })