js表单验证自我总结
[html]<html>
<title></title>
<head>
<script language = "javascript">
function cancel(){
document.getElementById("Form").reset();
}
function check(){
//验证用户名
var username = document.getElementById("username");
if(username.value.length==0){
alert("用户名不能为空!");
username.focus();
return false;
}
if(username.value.length<6){
alert("用户名长度不能低于6位!");
username.value = "";
username.focus();
return false;
}
//验证密码,确认密码
var pass = document.getElementById("password");
var qrpass = document.getElementById("qrpassword");
if(pass.value.length==0){
alert("密码不能为空!");
pass.focus();
return false;
}
if(pass.value.length<6||pass.value.length>15){
alert("密码的长度为6-15位!");
pass.value = "";
pass.focus();
return false;
}else if(pass.value!=qrpass.value){
alert("两次密码输入不一致!");
qrpass.value = "";
qrpass.focus();
return false;
}
//验证身份证号
var idcard = document.getElementById("idcard");
if(idcard.value.length==0){
alert("请输入你的身份证号码!");
idcard.focus();
return false;
}
var card = /^[1-9]{1}[0-9]{14}$|^[1-9]{1}[0-9]{16}([0-9]|[xX])$/
if(!card.test(idcard.value)){
alert("你输入的身份证号码不正确,请重新输入!");
idcard.value="";
idcard.focus();
return false;
}
//验证性别
var 易做图 = document.getElementsByName("易做图");
var boo = true;
for(var i = 0;i<易做图.length;i++){
if(易做图[i].checked==true){
boo = false;
break;
}
}
if(boo){
alert("请选择你的性别!");
return false;
}
//验证出生日期
var data = document.getElementById("birthday");
if(data.value.length==0){
alert("请输入您的出生日期!");
pass.focus();
return false;
}
//YYYY-MM-DD || YYYY/MM/DD 的日期格式
var a=/^(\d{4})(-|\/)(\d{1,2})\2(\d{1,2})$/
if(!a.test(data.value)){
alert("日期格式不正确!\n\n请输入YYYY-MM-DD或者YYYY/MM/DD的格式!");
return false;
}
//验证籍贯
var slt=document.getElementById("region");
if(slt.value=="0"){
alert("请选择你的籍贯!");
return false;
}
//验证爱好
var flag = true;
var aa = document.getElementsByName("hobby");
for(i = 0;i<aa.length;i++){
if(aa[i].checked==true){
flag = false;
break;
}
}
if(flag){
alert("请选择你的爱好!");
return false;
}
//验证邮箱
var objName = document.getElementById("email");
var pattern = /^[a-zA-Z0-9]{1,}@[a-zA-Z0-9]{1,10}[.](com|cn|net)$/;
if(objName.value==0){
alert("请输入您的邮箱!");
objName.focus();
return false;
}
if (!pattern.test(objName.value)) {
alert("邮箱格式不正确,请重新输入!");
objName.value="";
objName.focus();
return false;
}
//验证手机号码的
var tel = document.getElementById("tel");
var pattern= /^1[358]\d{9}$/
if(tel.value.length==0){
alert("请输入你的手机号码!");
tel.focus();
return false;
}
if(!pattern.test(tel.value)) {
alert("你输入的手机号码无效,请重新输入!");
tel.value="";
tel.focus();
return false;
}
//验证自我介绍
var intro = document.getElementById("intro");
if(intro.value.length==0){
alert("自我介绍不能为空!");
return false;
}else if(intro.value.length<100){
alert("自我介绍字数不能低于100字!&quo
补充:web前端 , JavaScript ,