js正则表达式基本使用（个人总结）

原创已于 2022-08-17 18:17:58 修改 · 332 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

于 2020-08-12 13:41:14 首次发布

js 专栏收录该内容

22 篇文章

订阅专栏

/^1\d{10}$/.test(this.phone)

通过就true，不通过就返回false
附件：
正则表达式语法：https://www.baidufe.com/item/eb10deb92f2c05ca32cf.html
常用正则表达式：https://blog.youkuaiyun.com/u012302552/article/details/76785257?locationNum=10&fps=1&spm=1018.2118.3001.4187
具体代码：

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>正则表达式</title>
  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>

<body>
  <div id="app">
    电话：<input type="text" v-model="phone">
    <button @click='sub'>点击</button>
  </div>
</body>
<script>
  var app = new Vue({
    el: '#app',
    data: {
      phone: 13446543208,
      zzPhone: /^(0|86|17951)?(13[0-9]|15[012356789]|166|17[3678]|18[0-9]|14[57])[0-9]{8}$/
    },
    methods: {
      sub() {
        if (!this.zzPhone.test(this.phone)) {
          alert('正则表达式不通过')
          return
        }
        alert('继续下面代码')
      }
    }
  })
</script>

</html>

电话：

1开头的13位数字：/^1\d{10}$/
常规电话正则：/^(0|86|17951)?(13[0-9]|15[012356789]|166|17[3678]|18[0-9]|14[57])[0-9]{8}$/
任意正整数，正小数（小数位不超过2位）：/^(([1-9][0-9]*)|(([0]\.\d{1,2}|[1-9][0-9]*\.\d{1,2})))$/