身份证.gif

1.引入vue

  1. <script src="https://cdn.bootcss.com/vue/2.6.10/vue.js"></script>

2.

 <!-- 身份证号匹配
      18位
      ....x
      \d{17}[0-9xX]
  -->
<div id="app">
        <input type="text" v-model="keyword" @keyup.enter="handleEnter"> 
  </div>
    <script>
        new Vue({
            el:"#app",
            data:{
                keyword:""
            },
            methods: {
                handleEnter(){
                    var reg=/^\d{17}[0-9xX]$/;
                    if(!reg.test(this.keyword.trim())){  //trim()去除空格
                        alert("身份证号码不正确")
                    }
                }
            },
        })
    </script>