手机号码验证和数字验证

雨雨＃#雨雨

已于 2022-05-27 13:45:32 修改

阅读量222

点赞数

分类专栏：笔记文章标签： elementui vue.js 前端

于 2022-05-26 17:10:32 首次发布

本文链接：https://blog.csdn.net/weixin_60508127/article/details/124988456

版权

本文探讨了在前端开发中，使用ElementUI和Vue.js进行手机号码和数字验证的方法，包括正则表达式验证、自定义验证规则以及提高用户体验的策略。

摘要由CSDN通过智能技术生成

 data() {
    var checkphone = (rule, value, callback) => {
      // let phoneReg = /(^1[3|4|5|6|7|8|9]\d{9}$)|(^09\d{8}$)/;
      if (value === "") {
        callback(new Error("请输入手机号"));
      } else if (!this.isCellPhone(value)) {
        // 引入methods中封装的检查手机格式的方法
        callback(new Error("请输入正确的手机号!"));
      } else {
        callback();
      }
    };
    return{
    rules:{
  phoneNumber: [
          { required: true, validator: checkphone, trigger: "blur" },
        ],
  }
  }

}
method:{
 isCellPhone(val) {
      if (!/^1(3|4|5|6|7|8)\d{9}$/.test(val)) {
        return false;
      } else {
        return true;
      }
    },
}

 { required: true, message: '不能为空' },
 { type: 'number', message: '须为整数' }, // 且不包括小数
 {
  pattern: /^([0-9]{0,2})$/,
  message: '范围在0-100',
  trigger: 'blur',
 },




验证数字：^[0-9]*$
验