js表单验证

这是很久之前写的一个js的表单验证，留在博客里也是为了保存一下，比自己电脑上可靠些！

function chickName(){ var id = document.getElementById('name'); var idValue = id.value; var reId = document.getElementById('rename'); var re1=/^[\u4e00-\u9fa5]{2,4}$/; if (!(re1.test(idValue))) { reId.innerHTML = "亲，请输入您正确姓名！"; return false; }else{ reId.innerHTML = ""; return true; } } function chickPhone(){ var id = document.getElementById('phone'); var idValue = id.value; var idLength = idValue.length; var reId = document.getElementById('rephone'); if(!isNaN(idValue)){ if (idLength!=11) { reId.innerHTML = "亲，请核查你的手机号码！"; // document.write("<font color='red'>亲，请核查你的手机号码！</font>"); return false; } else{ reId.innerHTML = ""; return true; } } } function chickMail(){ var id = document.getElementById('mail'); var idValue = id.value; var idLength = idValue.length; var reId = document.getElementById('remail'); var apos=idValue.indexOf("@"); var dotpos=idValue.lastIndexOf("."); if (apos<1||dotpos-apos<2) { reId.innerHTML = "亲，请核查你的邮箱号码！" //document.write("<font color='red'>亲，请核查你的邮箱号码！</font>"); // reId.innerHTML="<span style='color:red'>" +亲，请核查你的邮箱号码！ +"</span>" return false; } else { reId.innerHTML = ""; return true; } } function chickAge(){ var id = document.getElementById('age'); var idValue = id.value - 0; var idLength = idValue.length; var reId = document.getElementById('reage'); if(idValue>0&&idValue<=120){ reId.innerHTML = ""; return true; }else{ reId.innerHTML = "亲，请核查你的年龄！" return false; } } function chickSex(){ var sex1 = document.getElementById('gender1'); var sex2 = document.getElementById('gender2'); if (!sex1.checked&&!sex2.checked) { alert("亲，请核查你的性别！"); return false; }else{ return true; } }

这是之前做出的效果，带有一定验证功能，代码不难看懂！