📄 checkuser.html
字号:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>个人资料验证
</title>
<script language="javascript">
function check(name,sex,email,birthday,num,tel,add){
if (name==""){alert("name不能为空！");return false};
if (sex==""){alert("sex不能为空！");return false};
if (email==""){alert("email不能为空！");return false};
if (birthday==""){alert("生日不能为空");return false};
if (num==""){alert("身份证号码不能为空");return false};
if (tel==""){alert("电话号码不能为空");return false};
if (add==""){alert("地址不能为空");return false};
//验证姓名 2-4位简体汉字UNICODE字符
var checkname=new RegExp(/^[\u4E00-\u9FA5]{2,4}$/);
var result_name=checkname.test(name);
if (result_name ==false){alert("姓名：请填入2-4位简体字符!");
return false;
};
//验证地址 10-30位简体汉字UNICODE字符必须以英文或汉字开始
var checkname=new RegExp(/^[a-zA-Z\u4E00-\u9FFF]{1}[a-z0-9A-Z\-\.\()（）,，●·#\u4E00-\u9FFF\s]{9,29}$/)
var result_name=checkname.test(add);
if (result_name ==false){alert("地址:必须以英文或汉字开始,简体繁体字母（）,，●·#，10-30字符!");
return false;
};
//验证性别 男女
var checksex=new RegExp(/^[\u5973\u7537]{1}$/) //也可(/^\u7537$|^\u5973$/)
var result_sex=checksex.test(sex);
if (result_sex ==false){alert("性别不对！");
return false;
};
//验证EMAIL
var checkemail=new RegExp(/^[a-zA-Z0-9\._\-]{2,}@[a-zA-Z0-9\._\-]+\.[a-zA-Z]{2,5}$/);
var result_email=checkemail.test(email);
if (result_email==false){alert("请填写真实的EMAIL地址!");
return false;
};
//验证手机
var checktel=new RegExp(/^(13\d{9}|15[89]{1}\d{8})$/);
var result_tel=checktel.test(tel);
if (result_tel==false){alert("请填写正确的11位手机号码13/159/158!");
return false;
};
//验证身份证号码
var checknum=new RegExp(/^(11|12|13|14|15|21|22|23|31|32|33|34|35|36|37|41|42|43|44|45|46|50|51|52|53|54|61|62|63|64|65|81|82)\d\d(0|1|2|8)\d{12}(\d|x|X)$/);
var result_num=checknum.test(num);
if (result_num==false){alert("请填写真实的18位第二代身份证号码!");
return false;
};
//验证身份证号码性别
var sexcheckno=document.getElementById("num").value.charAt(16) ;
sexcheckno=sex+sexcheckno ;
var checksex=/^(男(1|3|5|7|9)|女(2|4|6|8|0))$/ ;
var result_checksex=checksex.test(sexcheckno) ;
if (result_checksex==false){alert("性别与身份证号码第17位不一致！");
return false;};
//验证生日支持格式 2008/01/01 20080101 2008-01-01
if (num.substring(6,14)!=birthday.replace(/-|\//g,"")){alert("生日：与身份证号码不一致，请填写正确的个人信息!");
return false;
};
//验证身份证号码校验码
var checkno=new Array(17);
var numno=new Array(17);
var sumno=0;
checkno=[7,9,10,5,8,4,2,1,6,3,7,9,10,5,8,4,2];
var checkmod=/^(01|10|2(X|x)|39|48|57|66|75|84|93|102)$/;
for(var i=0;i<=16;i++){
numno[i]=parseInt(num.charAt(i));
sumno=sumno+checkno[i]*numno[i];};
var mod=sumno%11;
var result_checkno=checkmod.test(mod+num.charAt(17));
if (result_checkno==false){alert("身份证号码第18位校验码错误!");
return false;
};
};
function checkok(){
var name=document.getElementById("name").value
var sex=document.getElementById("sex").value
var email=document.getElementById("email").value
var birthday=document.getElementById("yyyy").value+"-" +document.getElementById("m").value+"-"+document.getElementById("d").value
var num=document.getElementById("num").value
var tel=document.getElementById("tel").value
var add=document.getElementById("add").value
if(check(name,sex,email,birthday,num,tel,add)!=false){adddata()}
}
function inserttotable(c0,c1,c2,c3,c4,c5,c6){
//增加行
var rows=document.getElementById("datatable").rows.length;
var newrow=document.getElementById("datatable").insertRow(rows);
//增加列;
var a0=newrow.insertCell(0);
a0.innerHTML=c0
var a1=newrow.insertCell(1);
a1.innerHTML=c1
var a2=newrow.insertCell(2);
a2.innerHTML=c2
var a3=newrow.insertCell(3);
a3.innerHTML=c3
var a4=newrow.insertCell(4);
a4.innerHTML=c4
var a5=newrow.insertCell(5);
a5.innerHTML=c5
var a6=newrow.insertCell(6);
a6.innerHTML=c6
var a7=newrow.insertCell(7);
a7.innerHTML="<input type=\"button\" value=\"删除\"onClick=delrow(this) > ";
}
function adddata(){
var c0=document.getElementById("name").value;
var c1=document.getElementById("sex").value;
var c2=document.getElementById("email").value;
var c3=document.getElementById("yyyy").value+"-" +document.getElementById("m").value+"-"+document.getElementById("d").value;
var c4=document.getElementById("num").value;
var c5=document.getElementById("tel").value;
var c6=document.getElementById("add").value;
inserttotable(c0,c1,c2,c3,c4,c5,c6);
}
function delrow(i){
var r=confirm("确定要删除吗？")
//if (r==true){true};
if (r==false){return};
//var l=i.parentNode.parentNode.rowIndex;
i.parentNode.parentNode.parentNode.deleteRow(i.parentNode.parentNode.rowIndex);
}
function input_box(){
document.getElementById("input_btn").style.display="none"
document.getElementById("add_btn").style.display="none"
document.getElementById("reset_btn").style.display="none"
document.getElementById("output_btn").style.display="none"
var div1=document.createElement("div");
var div1s=div1.style;
div1s.position = "absolute";
div1s.zindex=1
div1s.top = "190px";
div1s.left = "15px";
div1s.width = "100px";
div1s.height = "100px";
div1s.background="#cccccc"
div1s.fontSize = "12px";
div1.innerHTML = "<p><textarea name=\"inputdata\" cols=\"120\" rows=\"10\" id=\"inputdata\"></textarea></p><p><input type=\"submit\" name=\"Submit\" value=\"导入\"onclick=\"input_datadetail()\" /> <input type=\"submit\" name=\"Submit2\" id=\"inputback_btn\" value=\"返回\" onclick=\"input_del()\"/></p>";
document.body.appendChild(div1);
div1.id="div1";
};
function input_del(){
while (document.getElementById("div1").hasChildNodes()){
document.getElementById("div1").removeChild(document.getElementById("div1").lastChild);
};
document.getElementById("div1").parentNode.removeChild(document.getElementById("div1"));
document.getElementById("input_btn").style.display=""
document.getElementById("add_btn").style.display=""
document.getElementById("reset_btn").style.display=""
document.getElementById("output_btn").style.display=""
}
function output_data(){
alert("开发中！")
}
function input_datadetail(){
var datadetails=document.getElementById("inputdata").value
var idata=datadetails.split("\n")
var q=idata.length//取得行数
//alert("行数：q="+q)
for(var i=0;i<q;i++){
var ii=idata[i].replace(/[ ,]/g,"|")
ii=ii.split("|");
var sq=ii.length ;//各行分割的字段数
var i1=i+1
//检查是否7个字段
if(sq!=7){alert("第"+i1+"行字段数不等于7,请检查！");
return
}
//检查导入数据
if(check(ii[0],ii[1],ii[2],ii[3],ii[4],ii[5],ii[6])==false){
alert("请检查第"+i1+"行！");
return;
}
};
for(var i=0;i<q;i++){
//alert(i)
var ii=idata[i].replace(/[\s,]/gi,"|")
ii=ii.split("|");
inserttotable(ii[0],ii[1],ii[2],ii[3],ii[4],ii[5],ii[6]);
};
alert("数据导入成功!")
input_del()
}
</script>
</head>
<body>
<form>
<table border="0">
<tr>
<td width="65">姓名：</td>
<td width="242"><input name="text" type="text" id="name" value="" size="32" /></td>
<td width="66">性别：</td>
<td width="189"><input name="text2" type="text" id="sex" value="" /></td>
<td width="50">Email：</td>
<td width="169"><input name="text4" type="text"id="email"value="20375455@QQ.COM" /></td>
</tr>
<tr>
<td>出生年月日：</td>
<td><select name="yyyy" id="yyyy" value="2002">
<option value="2002">2002</option>
<option value="2001">2001</option>
<option value="2000">2000</option>
<option value="1999">1999</option>
<option value="1998">1998</option>
<option value="1997">1997</option>
<option value="1996">1996</option>
<option value="1995">1995</option>
<option value="1994">1994</option>
<option value="1993">1993</option>
<option value="1992">1992</option>
<option value="1991">1991</option>
<option value="1990">1990</option>
<option value="1989">1989</option>
<option value="1988">1988</option>
<option value="1987">1987</option>
<option value="1986">1986</option>
<option value="1985">1985</option>
<option value="1984">1984</option>
<option value="1983">1983</option>
<option value="1982">1982</option>
<option value="1981">1981</option>
<option value="1980">1980</option>
<option value="1982">1982</option>
<option value="1981">1981</option>
<option value="1980">1980</option>
<option value="1979">1979</option>
<option value="1978">1978</option>
<option value="1977">1977</option>
<option value="1976">1976</option>
<option value="1975">1975</option>
<option value="1974">1974</option>
<option value="1973">1973</option>
<option value="1972">1972</option>
<option value="1971">1971</option>
<option value="1970">1970</option>
</select>
年
<select name="m" id="m">
<option value="01">1</option>
<option value="02">2</option>
<option value="03">3</option>
<option value="04">4</option>
<option value="05">5</option>
<option value="06">6</option>
<option value="07">7</option>
<option value="08">8</option>
<option value="09">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>
月
<select name="d" id="d">
<option value= "01">1</option>
<option value= "02">2</option>
<option value= "03">3</option>
<option value= "04">4</option>
<option value= "05">5</option>
<option value= "06">6</option>
<option value= "07">7</option>
<option value= "08">8</option>
<option value= "09">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
日</td>
<td>身份证号码：</td>
<td colspan="3"><input name="num" type="text" id="num" value="" size="57" /></td>
</tr>
<tr>
<td>手机号码：</td>
<td><input name="text5" type="text"id="tel" value="" size="32" /></td>
<td>地址：</td>
<td colspan="3"><input name="text3" type="text"id="add" value="" size="57" /></td>
</tr>
<tr>
<td> </td>
<td height="24"><input name="reset" type="reset"id="reset_btn" value="重填" /></td>
<td><input name="submit" type="button" id="add_btn" onclick="checkok()" value="增加" /></td>
<td></td>
<td><input name="submit" type="button" id="input_btn"onclick="input_box()" value="数据导入" /></td>
<td><input name="submit" type="button" id="output_btn"onclick="output_data()" value="导出" /></td>
</tr>
</table>
</form>
<table id="datatable" width="965" border="1">
<tr bgcolor="#CCCCCC">
<td width="62"><div align="center" class="STYLE2">姓名</div></td>
<td width="44"><div align="center" class="STYLE2">性别</div></td>
<td width="100"><div align="center" class="STYLE2">Email</div></td>
<td width="146"><div align="center" class="STYLE2">出生年月</div></td>
<td width="192"><div align="center" class="STYLE2">身份证号码</div></td>
<td width="83"><div align="center" class="STYLE2">手机号码</div></td>
<td width="221"><div align="center" class="STYLE2">地址</div></td>
<td width="65"><div align="center" class="STYLE2"><strong>删除</div></td>
</tr>
</table>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -