test.vue 7.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206
  1. <template>
  2. <view>
  3. <input type="text" value="" class="uni-input" placeholder="请输入" v-model="card" />
  4. <button type="primary" @click="testGo()">页面主操作 Normal</button>
  5. </view>
  6. </template>
  7. <script>
  8. import {getIdcardInfo } from '../../common/util/validator.js'
  9. export default {
  10. data() {
  11. return {
  12. card:""
  13. }
  14. },
  15. methods: {
  16. // testGot(){
  17. // // if(isCardNo(this.card) === false){
  18. // // console.log("错误")
  19. // // }
  20. // },
  21. testGo(){
  22. let info = getIdcardInfo(this.card);
  23. if (!info) {
  24. console.log("身份证格式不正确")
  25. } else {
  26. var vcity={ 11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",
  27. 21:"辽宁",22:"吉林",23:"黑龙江",31:"上海",32:"江苏",
  28. 33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",
  29. 42:"湖北",43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",
  30. 51:"四川",52:"贵州",53:"云南",54:"西藏",61:"陕西",62:"甘肃",
  31. 63:"青海",64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门",91:"国外"
  32. };
  33. var province = this.card.substr(0,2);
  34. if(vcity[province] == undefined)
  35. {
  36. console.log("身份证格式不正确")
  37. }else{
  38. console.log("身份证格式正确")
  39. }
  40. }
  41. },
  42. testId(){
  43. var vcity={ 11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",
  44. 21:"辽宁",22:"吉林",23:"黑龙江",31:"上海",32:"江苏",
  45. 33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",
  46. 42:"湖北",43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",
  47. 51:"四川",52:"贵州",53:"云南",54:"西藏",61:"陕西",62:"甘肃",
  48. 63:"青海",64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门",91:"国外"
  49. };
  50. //检查号码是否符合规范,包括长度,类型
  51. // var isCardNo = function(card)
  52. // {
  53. //身份证号码为15位或者18位,15位时全为数字,18位前17位为数字,最后一位是校验位,可能为数字或字符X
  54. var reg = /(^\d{15}$)|(^\d{17}(\d|X)$)/;
  55. if(reg.test(this.card) === false)
  56. {
  57. // return false;
  58. console.log("错误1")
  59. }
  60. // return true;
  61. // };
  62. //取身份证前两位,校验省份
  63. // var checkProvince = function(card)
  64. // {
  65. var province = this.card.substr(0,2);
  66. if(vcity[province] == undefined)
  67. {
  68. console.log("错误2")
  69. }
  70. // return true;
  71. // };
  72. //检查生日是否正确
  73. // var checkBirthday = function(card)
  74. // {
  75. var len = this.card.length;
  76. //身份证15位时,次序为省(3位)市(3位)年(2位)月(2位)日(2位)校验位(3位),皆为数字
  77. if(len == '15')
  78. {
  79. var re_fifteen = /^(\d{6})(\d{2})(\d{2})(\d{2})(\d{3})$/;
  80. var arr_data = this.card.match(re_fifteen);
  81. var year = arr_data[2];
  82. var month = arr_data[3];
  83. var day = arr_data[4];
  84. var birthday = new Date('19'+year+'/'+month+'/'+day);
  85. return verifyBirthday('19'+year,month,day,birthday);
  86. }
  87. //身份证18位时,次序为省(3位)市(3位)年(4位)月(2位)日(2位)校验位(4位),校验位末尾可能为X
  88. if(len == '18')
  89. {
  90. var re_eighteen = /^(\d{6})(\d{4})(\d{2})(\d{2})(\d{3})([0-9]|X)$/;
  91. var arr_data = this.card.match(re_eighteen);
  92. var year = arr_data[2];
  93. var month = arr_data[3];
  94. var day = arr_data[4];
  95. var birthday = new Date(year+'/'+month+'/'+day);
  96. return verifyBirthday(year,month,day,birthday);
  97. }
  98. // return false;
  99. // };
  100. //校验日期
  101. var verifyBirthday = function(year,month,day,birthday)
  102. {
  103. var now = new Date();
  104. var now_year = now.getFullYear();
  105. //年月日是否合理
  106. if(birthday.getFullYear() == year && (birthday.getMonth() + 1) == month && birthday.getDate() == day)
  107. {
  108. //判断年份的范围(3岁到100岁之间)
  109. var time = now_year - year;
  110. if(time >= 3 && time <= 100)
  111. {
  112. // return true;
  113. console.log("错误")
  114. }
  115. console.log("错误")
  116. }
  117. return false;
  118. };
  119. //校验位的检测
  120. // var checkParity = function(card)
  121. // {
  122. // //15位转18位
  123. // card = changeFivteenToEighteen(card);
  124. // var len = card.length;
  125. // if(len == '18')
  126. // {
  127. // var arrInt = new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2);
  128. // var arrCh = new Array('1', '0', 'X', '9', '8', '7', '6', '5', '4', '3', '2');
  129. // var cardTemp = 0, i, valnum;
  130. // for(i = 0; i < 17; i ++)
  131. // {
  132. // cardTemp += card.substr(i, 1) * arrInt[i];
  133. // }
  134. // valnum = arrCh[cardTemp % 11];
  135. // if (valnum == card.substr(17, 1))
  136. // {
  137. // return true;
  138. // }
  139. // return false;
  140. // }
  141. // return false;
  142. // };
  143. //15位转18位身份证号
  144. // var changeFivteenToEighteen = function(card)
  145. // {
  146. // if(card.length == '15')
  147. // {
  148. // var arrInt = new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2);
  149. // var arrCh = new Array('1', '0', 'X', '9', '8', '7', '6', '5', '4', '3', '2');
  150. // var cardTemp = 0, i;
  151. // card = card.substr(0, 6) + '19' + card.substr(6, card.length - 6);
  152. // for(i = 0; i < 17; i ++)
  153. // {
  154. // cardTemp += card.substr(i, 1) * arrInt[i];
  155. // }
  156. // card += arrCh[cardTemp % 11];
  157. // return card;
  158. // }
  159. // return card;
  160. // };
  161. //是否为空
  162. // if(card === '')
  163. // {
  164. // // mui.alert('请输入身份证号,身份证号不能为空');
  165. // return false;
  166. // }
  167. // //校验长度,类型
  168. // if(isCardNo(card) === false)
  169. // {
  170. // // mui.alert('您输入的身份证号码不正确,请重新输入');
  171. // return false;
  172. // }
  173. // //检查省份
  174. // if(checkProvince(card) === false)
  175. // {
  176. // // mui.alert('您输入的身份证号码不正确,请重新输入');
  177. // return false;
  178. // }
  179. // //校验生日
  180. // if(checkBirthday(card) === false)
  181. // {
  182. // // mui.alert('您输入的身份证号码生日不正确,请重新输入');
  183. // return false;
  184. // }
  185. // //检验位的检测
  186. // if(checkParity(card) === false)
  187. // {
  188. // // mui.alert('您的身份证校验位不正确,请重新输入');
  189. // return false;
  190. // }
  191. // console.info("OK");
  192. // return true;
  193. }
  194. }
  195. }
  196. </script>
  197. <style>
  198. </style>