JavaScript test()方法的使用

介绍

test()方法用于检测一个字符串 是否匹配某个模式, 它的返回值，是 布尔类型，若匹配，则返回 true , 否则返回 false

语法

RegExpObject.test(string)

应用场景

验证用户输入的手机号是否符合要求，使用正则及 test() 方法来实现，具体代码如下：
html：

<!-- 
   maxlength: 规定 input 中允许的最大字符数
   type: 规定要显示的 input 的类型
   placeholder: 规定 input 字段简短的提示信息
   placeholder-style：input框设置placeholder的style
 -->
 <input class="entry" 
        maxlength="11" 
        type="number" 
        v-model="inputPhone" 
        placeholder="请输入您的手机号"
        placeholder-style="color: #999; font-weight: 400;"/>
<button  @tap.stop="submit">提交</button>

js：

data() {
  return{
    inputPhone: ''
  }
},
submit() {
  // trim() 删除字符串的头尾空白符
  let phone = this.inputPhone.trim()
  // /^[1][3,4,5,7,8][0-9]{9}$/
  // 第一位是 1开头，
  // 第二位是 [3,4,5,7,8]中的数字，
  // 第三位是 [0-9]{9}$：匹配并以9个0-9的数字结尾
  let rex = /^[1][3,4,5,7,8][0-9]{9}$/
  // test() 验证输入的号码是否符合要求
  if(!(rex.test(phone))) {
    console.log('请输入正确的手机号码')
  }else {
    console.log('手机号码输入成功')
  }
}