js正则验证身份证号 js进阶正则表达式15验证身份证号
来源：吃瓜网 作者：吃瓜网
2018-07-16 19:50:31 
一、总结
2 <html lang="zh-cn">
3 <head>
4 <meta charset="gbk">
5 <title>课堂演示</title>
6 <style type="text/css">
7 </style>
8 </head>
9 <body>
10 <form name='myform' action=" " method="get" >
11 身份证号码：<input type="text" name="sfz" pattern="^\d{15}$|^\d{17}[\d|X]$">
12 <input type="submit"> <input type="reset" value="重置">
13 </form> <br>
14 <form name='myform' action=" " method="get"
15 onsubmit="check()" >
16 身份证号码：<input type="text" id="sfz" name="sfz">
17 <input type="submit"> <input type="reset" value="重置">
18 </form>
19 <script>
20 // var str1='12345619901010252X'
21 // var str2='123456901010252'
22 // var reg=/^\d{15}$|^\d{17}[\d|X]$/
23 // alert(reg.test(str1))
24 function check(){
25 var str=document.getElementById('sfz').value;
26 var data=str.substr(6,4)+'年'+str.substr(10,2)+'月'+str.substr(12,2)+'日' //1、str的方法substr的使用
27 //var str=myform.sfz.value;
28 var reg=/^\d{17}[\d|X]$|^\d{15}$/ //2、|运算符的使用 3、末尾位的选择这里用的中括号而不是小括号 4、因为是选择，这个结束符是两个
29 if (reg.test(str)) {
30 alert('格式正确')
31 alert('您的出生日期'+data)
32 }else{
33 alert('格式不正确，请重新输入')
34 }
35 }
36
37 </script>
38 </body>
39 </html>
1、|符号的使用：var reg=/^\d{17}[\d|X]$|^\d{15}$/ //2、|运算符的使用 3、末尾位的选择这里用的中括号而不是小括号 4、因为是选择，这个结束符是两个
2、str的方法substr的使用 var data=str.substr(6,4)+'年'+str.substr(10,2)+'月'+str.substr(12,2)+'日'
二、js进阶正则表达式15验证身份证号练习2：验证身份证号码
注：身份证号码由地址码，出生日期，顺序码组成
substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。
三、代码 1 <!DOCTYPE html>2 <html lang="zh-cn">
3 <head>
4 <meta charset="gbk">
5 <title>课堂演示</title>
6 <style type="text/css">
7 </style>
8 </head>
9 <body>
10 <form name='myform' action=" " method="get" >
11 身份证号码：<input type="text" name="sfz" pattern="^\d{15}$|^\d{17}[\d|X]$">
12 <input type="submit"> <input type="reset" value="重置">
13 </form> <br>
14 <form name='myform' action=" " method="get"
15 onsubmit="check()" >
16 身份证号码：<input type="text" id="sfz" name="sfz">
17 <input type="submit"> <input type="reset" value="重置">
18 </form>
19 <script>
20 // var str1='12345619901010252X'
21 // var str2='123456901010252'
22 // var reg=/^\d{15}$|^\d{17}[\d|X]$/
23 // alert(reg.test(str1))
24 function check(){
25 var str=document.getElementById('sfz').value;
26 var data=str.substr(6,4)+'年'+str.substr(10,2)+'月'+str.substr(12,2)+'日' //1、str的方法substr的使用
27 //var str=myform.sfz.value;
28 var reg=/^\d{17}[\d|X]$|^\d{15}$/ //2、|运算符的使用 3、末尾位的选择这里用的中括号而不是小括号 4、因为是选择，这个结束符是两个
29 if (reg.test(str)) {
30 alert('格式正确')
31 alert('您的出生日期'+data)
32 }else{
33 alert('格式不正确，请重新输入')
34 }
35 }
36
37 </script>
38 </body>
39 </html>
