angular写的身份证校验规则（省份生日性别）手机号校验 。直接贴代码

最新推荐文章于 2020-12-23 03:04:06 发布
最新推荐文章于 2020-12-23 03:04:06 发布
阅读量2.3k 收藏
点赞数
分类专栏： js angular 身份证校验
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38904099/article/details/82842574
版权
js 同时被 3 个专栏收录
4 篇文章 0 订阅
订阅专栏
angular
3 篇文章 0 订阅
订阅专栏
身份证校验
1 篇文章 0 订阅
订阅专栏 
(function() {
  'use strict';

  angular.module('app.house')
    .controller('HotelOrderCtrl', HotelOrderCtrl);
  HotelOrderCtrl.$inject = ['$scope', '$ionicHistory','$state','$stateParams','houseService','$timeout','$ionicLoading','$filter','$rootScope','mineService','$ionicModal','DataConstantFun'];
  function HotelOrderCtrl($scope, $ionicHistory,$state,$stateParams,houseService,$timeout,$ionicLoading,$filter,$rootScope,mineService,$ionicModal,DataConstantFun) {
    $scope.goBack = function () {
      $ionicHistory.goBack();
    };
    $scope.btnDisabled = false;
    $scope.goods_id = $stateParams.goods_id;
    $scope.startDate = $stateParams.startDate;
    $scope.startDateForShow = $scope.startDate;
    $scope.endDate = $stateParams.endDate;
    $scope.endDateForShow = $scope.endDate;
    $scope.book_unitprice = $stateParams.book_unitprice;
    $scope.goods_name = $stateParams.goods_name;
    $scope.curAirbnbId = $stateParams.airbnb_id;
    $scope.nightNum = Math.ceil(($scope.endDate - $scope.startDate)/86400000);
    $scope.bookdate_lst = [];
    for(var i=0;i<=$scope.nightNum - 1;i++){
      $scope.dataForPush = Number($scope.startDate) + 86400000 * i;
      $scope.dataForBookDateLst = $filter('date')($scope.dataForPush,'yyyy-MM-dd') + " 12:00:00";
      $scope.bookdate_lst.push({"book_date":$scope.dataForBookDateLst});
    }
    $scope.nameCheck = function(){
      if($scope.selectedMailMsg.book_user != null){
        if($scope.selectedMailMsg.book_user > 15){
          $scope.selectedMailMsg.book_user = null;
          $ionicLoading.show({
            template: "请输入15字以内的姓名"
          });
          $timeout(function(){
            $ionicLoading.hide();
          },2000);
        }
      }
    };
    $scope.telNumCheck = function(){
      var reg = /^1[0-9]{10}$/;
      if($scope.selectedMailMsg.book_user_tel != null){
        if(isNaN($scope.selectedMailMsg.book_user_tel)){
          $scope.selectedMailMsg.book_user_tel = null;
          $ionicLoading.show({
            template: "请输入正确的手机号"
          });
          $timeout(function(){
            $ionicLoading.hide();
          },2000);
        }else if(!reg.test($scope.selectedMailMsg.book_user_tel)){
          $scope.selectedMailMsg.book_user_tel = null;
          $ionicLoading.show({
            template: "请输入正确的手机号"
          });
          $timeout(function(){
            $ionicLoading.hide();
          },2000);
        }
      }
    };

    var vcity={ 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:"新疆",71:"台湾",81:"香港",82:"澳门",91:"国外"
    };
    $scope.personNumCheck = function() {
      var card = $scope.selectedMailMsg.book_user_idcard;
      //是否为空
      if(card == '')
      {
        $ionicLoading.show({
          template: "身份证号不能为空"
        });
        $timeout(function(){
          $ionicLoading.hide();
        },2000);
        $scope.selectedMailMsg.book_user_idcard = '';
      }
      //校验长度，类型
      if($scope.isCardNo(card) === false)
      {
        $ionicLoading.show({
          template: "您输入的身份证号码不正确，请重新输入"
        });
        $timeout(function(){
          $ionicLoading.hide();
        },2000);
        $scope.selectedMailMsg.book_user_idcard = '';
      }
      //检查省份
      if($scope.checkProvince(card) === false)
      {
        $ionicLoading.show({
          template: "您输入的身份证号码不正确，请重新输入"
        });
        $timeout(function(){
          $ionicLoading.hide();
        },2000);
        $scope.selectedMailMsg.book_user_idcard = '';
      }
      //校验生日
      if($scope.checkBirthday(card) === false)
      {
        $ionicLoading.show({
          template: "您输入的身份证号码不正确，请重新输入"
        });
        $timeout(function(){
          $ionicLoading.hide();
        },2000);
        $scope.selectedMailMsg.book_user_idcard = '';
      }
      //检验位的检测
      if($scope.checkParity(card) === false)
      {
        $ionicLoading.show({
          template: "您输入的身份证号码不正确，请重新输入"
        });
        $timeout(function(){
          $ionicLoading.hide();
        },2000);
        $scope.selectedMailMsg.book_user_idcard = '';
      }
    };


//检查号码是否符合规范，包括长度，类型
    $scope.isCardNo = function(card)
    {
      //身份证号码为15位或者18位，15位时全为数字，18位前17位为数字，最后一位是校验位，可能为数字或字符X
      var reg = /(^\d{15}$)|(^\d{17}(\d|X)$)/;
      if(reg.test(card) === false)
      {
        return false;
      }else{

      return true;
      }
    };

//取身份证前两位,校验省份
    $scope.checkProvince = function(card)
    {
      var province = card.substr(0,2);
      if(vcity[province] == undefined)
      {
        return false;
      }
      else
        {
          return true;
        }
    };

//检查生日是否正确
    $scope.checkBirthday = function(card)
    {
      var len = card.length;
      //身份证15位时，次序为省（3位）市（3位）年（2位）月（2位）日（2位）校验位（3位），皆为数字
      if(len == '15')
      {
        var re_fifteen = /^(\d{6})(\d{2})(\d{2})(\d{2})(\d{3})$/;
        var arr_data = card.match(re_fifteen);
        var year = arr_data[2];
        var month = arr_data[3];
        var day = arr_data[4];
        var birthday = new Date('19'+year+'/'+month+'/'+day);
        return $scope.verifyBirthday('19'+year,month,day,birthday);
      }
      //身份证18位时，次序为省（3位）市（3位）年（4位）月（2位）日（2位）校验位（4位），校验位末尾可能为X
      if(len == '18')
      {
        var re_eighteen = /^(\d{6})(\d{4})(\d{2})(\d{2})(\d{3})([0-9]|X)$/;
        var arr_data = card.match(re_eighteen);
        var year = arr_data[2];
        var month = arr_data[3];
        var day = arr_data[4];
        var birthday = new Date(year+'/'+month+'/'+day);
        return $scope.verifyBirthday(year,month,day,birthday);
      }
      return false;
    };

//校验日期
    $scope.verifyBirthday = function(year,month,day,birthday)
    {
      var now = new Date();
      var now_year = now.getFullYear();
      //年月日是否合理
      if(birthday.getFullYear() == year && (birthday.getMonth() + 1) == month && birthday.getDate() == day)
      {
        //判断年份的范围（3岁到100岁之间)
        var time = now_year - year;
        if(time >= 3 && time <= 100)
        {
          return true;
        }
        return false;
      }
      return false;
    };

//校验位的检测
    $scope.checkParity = function(card)
    {
      //15位转18位
      card = $scope.changeFivteenToEighteen(card);
      var len = card.length;
      if(len == '18')
      {
        var arrInt = new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2);
        var arrCh = new Array('1', '0', 'X', '9', '8', '7', '6', '5', '4', '3', '2');
        var cardTemp = 0, i, valnum;
        for(i = 0; i < 17; i ++)
        {
          cardTemp += card.substr(i, 1) * arrInt[i];
        }
        valnum = arrCh[cardTemp % 11];
        if (valnum == card.substr(17, 1))
        {
          return true;
        }
        return false;
      }
      return false;
    };

//15位转18位身份证号
    $scope.changeFivteenToEighteen = function(card)
    {
      if(card.length == '15')
      {
        var arrInt = new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2);
        var arrCh = new Array('1', '0', 'X', '9', '8', '7', '6', '5', '4', '3', '2');
        var cardTemp = 0, i;
        card = card.substr(0, 6) + '19' + card.substr(6, card.length - 6);
        for(i = 0; i < 17; i ++)
        {
          cardTemp += card.substr(i, 1) * arrInt[i];
        }
        card += arrCh[cardTemp % 11];
        return card;
      }
      return card;
    };

    $scope.emailCheck = function(){
      if($scope.selectedMailMsg.book_user_email != null){
        var pattern = /^([\.a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/;
        if(!pattern.test($scope.selectedMailMsg.book_user_email)){
          $scope.selectedMailMsg.book_user_email = null;
          $ionicLoading.show({
            template: "请输入正确的邮箱格式"
          });
          $timeout(function(){
            $ionicLoading.hide();
          },2000);
        }
      }
    };
    $scope.goOrderPayPage = function(){
      $scope.btnDisabled = true;
      $scope.telNumCheck();
      $scope.personNumCheck();
      $scope.emailCheck();
      if(($scope.selectedMailMsg.book_user == null) || ($scope.selectedMailMsg.book_user_tel == null) || ($scope.selectedMailMsg.book_user_idcard == null) || ($scope.selectedMailMsg.book_user_email == null)){
        $ionicLoading.show({
          template: "请完善个人信息"
        });
        $timeout(function(){
          $ionicLoading.hide();
        },2000);
        $scope.btnDisabled = false;
      }else{
        $scope.btnDisabled = true;
        $scope.startDate = $scope.startDateForShow;
        $scope.endDate = $scope.endDateForShow;
        $scope.book_start_date = $filter('date')($scope.startDateForShow,'yyyy-MM-dd') + " 12:00:00";
        $scope.book_end_date = $filter('date')($scope.endDateForShow,'yyyy-MM-dd') + " 12:00:00";
        if ($rootScope.user.hotelOnlinePay == 1) {
          houseService.addHotelOrderDetail({"goods_id":$scope.goods_id
            ,"detail_state":1
            ,"book_user":$scope.selectedMailMsg.book_user
            ,"book_user_tel":$scope.selectedMailMsg.book_user_tel
            ,"book_user_idcard":$scope.selectedMailMsg.book_user_idcard
            ,"book_user_email":$scope.selectedMailMsg.book_user_email
            ,"bookdate_lst":$scope.bookdate_lst
            ,"book_totalprice":Number($scope.book_unitprice)
            ,"book_start_date":$scope.book_start_date
            ,"book_end_date":$scope.book_end_date
            ,"airbnb_id":$scope.curAirbnbId},getHotelOrderDetailResult,getHotelOrderDetailFalse);
        } else {
          houseService.onlinePayHotelPreOrder({"goods_id":$scope.goods_id
            ,"detail_state":1
            ,"book_user":$scope.selectedMailMsg.book_user
            ,"book_user_tel":$scope.selectedMailMsg.book_user_tel
            ,"book_user_idcard":$scope.selectedMailMsg.book_user_idcard
            ,"book_user_email":$scope.selectedMailMsg.book_user_email
            ,"bookdate_lst":$scope.bookdate_lst
            ,"book_totalprice":Number($scope.book_unitprice)
            ,"book_start_date":$scope.book_start_date
            ,"book_end_date":$scope.book_end_date
            ,"airbnb_id":$scope.curAirbnbId},getHotelOrderDetailResult,getHotelOrderDetailFalse);
        }
      }
    };
    function getHotelOrderDetailResult(resp){
      $scope.book_detail_id = resp.book_detail_id;
      $scope.book_serial_num = resp.book_serial_num;
      if ($rootScope.user.hotelOnlinePay == 1) {
        $state.go('orderPay',{"goodsDetailIdString":$scope.book_detail_id,"priceResult":$scope.book_unitprice,"book_serial_num":$scope.book_serial_num});
        $ionicLoading.show({
          template: "订单提交成功，正在跳转至支付界面。。。"
        });
        $timeout(function(){
          $ionicLoading.hide();
        },2000);
      } else {
        $ionicLoading.show({
          template: "预约成功，正在跳转至订单界面。。。"
        });
        $rootScope.orderType = -1;
        $timeout(function(){
          $ionicLoading.hide();
          $state.go('indexTab.order');
        },2000);
      }
    }
    function getHotelOrderDetailFalse(data){
      $scope.btnDisabled = false;
      if(data == undefined){
        $ionicLoading.show({
          template: "网络连接不给力"
        });
        $timeout(function(){
          $ionicLoading.hide();
        },2000);
      }else{
        $ionicLoading.show({
          template: "该民宿已经被预订"
        });
        $timeout(function(){
          $ionicLoading.hide();
        },2000);
      }
    }


    $scope.selectedMailMsg = [];
    $scope.selectedMailId = $rootScope.defaultUserId;
    if($scope.selectedMailId != undefined) {
      mineService.getContactUserInfo({"contract_id": $scope.selectedMailId}, getMailInfoSuccess);
    }
    function getMailInfoSuccess(resp){
      $scope.selectedMailMsg = resp;
    }
    $ionicModal.fromTemplateUrl('templates/selectedMailModal.html', {
      scope: $scope,
      animation: 'slide-in-up'
    }).then(function(modal) {
      $scope.selectedMailModal = modal;
    });
    $scope.selectedTheBookUser = function(){
      $scope.selectedMailModal.show();
      mineService.queryContactUserInfo(getMailListSuccess);
    };
    $scope.closeModalForSelectedMail = function(){
      $scope.selectedMailModal.hide();
    };
    function getMailListSuccess(resp){
      $scope.defaultLoad = true;
      $scope.mailListData = resp.contact_lst;
      angular.forEach($scope.mailListData,function(data){
        if(data.contract_id == $scope.selectedMailId){
          data.selected = true;
        }else{
          data.selected = false;
        }
      });
    }
    $scope.mailSelected = function(item){
      $scope.selectedMailId = item.contract_id;
      angular.forEach($scope.mailListData,function(data){
        data.selected = false;
      });
      item.selected = true;
      mineService.getContactUserInfo({"contract_id":$scope.selectedMailId},getMailInfoSuccess);
      $scope.closeModalForSelectedMail();
    };
    $scope.$on('$destroy',function(){
      $scope.selectedMailModal.hide();
    })
  }
})();
It_渣渣宇
关注
专栏目录
AngularJS身份验证的方法
10-22
在客户端使用AngularJS做身份验证的话，推荐使用service来做，下面脚本之家小编给大家介绍AngularJS身份验证的方法，感兴趣的朋友一起学习吧
Angular短信模板校验代码
10-14
本文将深入探讨如何实现Angular中的短信模板校验代码。 首先，短信模板通常包含动态变量，如 `${username}`，这些变量在实际发送短信时会被替换为具体值。在提供的代码示例中，我们看到一个简单的模板，其中`...
Angular 6 自定义校验器校验身份证
weixin_30538029的博客
01-17 561
/** * 自定义身份校验器 * */ import { FormControl} from '@angular/forms'; export function identityNoValidator(input: FormControl) { const value = input.value; if (checkCode(value)) { ...
angularjs 验证身份证格式 和 一般JS验证身份证格式
qq_Dai的专栏
10-21 2448
1：angularjs 验证身份证格式 1.1 定义身份证验证指令： .directive('cardCheck',['$http','$rootScope',function($http,$rootScope){ return { restrict: 'EA', require: "ngModel", link: funct
angularjs 表单校验指令_Angularjs使用指令做表单校验的方法
weixin_28950415的博客
12-23 174
前言通常，使用angular做表单验证，一般都是把验证规则单独写为service，然后通过依赖注入的方式调用。在个别情况下，例如用户注册表单，需要根据用户输入给出不同提示信息，使用service略显不合适宜，所以可以采用指令的方式。简易表单如下为一个简易表单，有四项提示信息，依据状态呈现。校验规则为数字，大写字母，小写字母至少出现两项，通过正则配合ng-pattern能够实现相同的效果，此处仅为引...
jquery 对身份证号码验证以及AngularJS表单验证
给力VSTO
08-11 2079
jquery根据身份证号码计算出生日期、年龄、性别代码： http://www.php100.com/html/program/jquery/2013/0905/5877.html Jquery 对 身份证号码的验证 （15/18位）： http://blog.csdn.net/shwicho/article/details/7181272 表单验证:
vue实现手机号码的校验实例代码（防抖函数的应用场景）
10-16
在这个实例中，我们将探讨如何使用 Vue 来实现手机号码的校验，并结合防抖函数（debounce）来优化性能。 首先，手机号码的校验通常涉及到正则表达式，确保输入的字符串符合特定格式。在这个例子中，正则表达式 `/^1...
angular4中关于表单的校验示例
08-29
Angular4 表单校验示例 Angular4 中的表单校验是指在用户提交表单时对表单数据进行验证，以确保数据的正确性和完整性。在 Angular4 中，表单校验可以通过使用响应式表单和模板驱动表单两种方式来实现。下面将详细...
使用Angular自定义字段校验指令的方法示例
10-17
在Angular框架中，自定义字段校验指令是扩展表单验证功能的一种有效方式。当内置的验证器无法满足特定需求，例如对IP地址或MAC地址等特殊格式的数据进行验证时，开发者可以创建自己的验证指令。本文将详细讲解如何在...
身份证号码验证
leayefang的专栏
04-30 1314
大陆身份证号验证         function checkDlIdNumber(){                 var idNumber = document.getElementById("idNumber").value;                 if(isStandard(idNumber)){                         alert("
angularjs自定义指令directive正则表达校验
07-05
angularjs自定义指令directive，用做http地址校验和数字校验，仅供学习参考使用
用ng-pattern加入正则表达式，一直报错
Saikonoyume的博客
11-02 6664
Error: [$parse:lexerr] Lexer Error: Unexpected next character  at columns 1-1 [^] in expression [/^(?![A-Z]+$)(?![a-z]+$)(?!\d+$)(?![\W_]+$)\S+$]. http://errors.angularjs.org/1.5.6/$parse/lexerr?p0=U
15/18身份证正则校验
热门推荐
zhangxiaoyang0的专栏
01-16 1万+
xxxxxx yyyy MM dd 375 0 十八位 xxxxxx yy MM dd 75 0 十五位 地区：[1-9]\d{5} 年的前两位：(18|19|([23]\d)) 1800-3999 年的后两位：\d{2} 月份：((0[1-9])|(10|11|12)) 天数：(([0-2][1-9])|10|20|30|31)
【Vue/React】 el-form常用的表单正则验证【用户名、密码、身份证号、邮箱号，手机号，车牌号、ip地址等】
Umbrella_Um的博客
02-23 3049
vue之 el-form表单之自定义正则表达式： 基本的表单属性name、password、phone、peopleID、carID、email、address… 如下演示：vue.js export default { name: "form", data() { //ip地址校验 var IPValidator = (rule, value, c...
Angular4_验证输入长度
Martin 的博客
01-10 2148
td>input type="text" #txtSloc required class="form-control rightjustified" style='padding:0.15em'minlength="4" maxlength="4" name="sloc+{{i}}" [(ngModel)]="item.sloc" required [style.background-
angular7自定义表单验证一
my_love_download的博客
08-16 1543
1.创建FormBuilder 2.html 3.自定义表单验证 4.使用正则表达式进行验证身份证号 this.staffIslandsForm=this.$fb.group({ IDCard:['',[Validators.required,Validators.pattern(/^[1-9]\d{5}(18|19|20)\d{2}...
正则表达式学习（4）--应用实战(angularJS:ng-model+ng-pattern)
程序员精进之路
08-08 2652
1.帐号名需要1-50个字符，由字母、数字或特殊字符组成；以字母开头；特殊字符为_ html： <div class="col-md-8 input"> <input type="text" ng-model="vm.dbUserName" ng-pattern="/^[a-zA-Z][0-9a-zA-Z_]{0,...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值