vue手机号码、整数校验

最新推荐文章于 2024-06-04 14:59:00 发布

煎饼果子就咖啡

最新推荐文章于 2024-06-04 14:59:00 发布

阅读量1.7k

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_49498516/article/details/127315550

版权

vue手机号码、整数校验

form中添加:rules=“rules” 属性

rules: {
        // id: [
        //   { required: true, message: "主键id不能为空", trigger: "blur" }
        // ],
        // personName: [
        //   { required: true, message: "人员姓名不能为空", trigger: "blur" }
        // ],
        // sexType: [
        //   { required: true, message: "性别不能为空", trigger: "change" }
        // ],
        idCard: [
          {type: 'number',
            message: '请输入正整数',
            trigger: 'blur',
            transform(value) {
              if(value!=null&&value!==""){
                if(String(value).trim()===''||Number(value<=0)){
                  return false;
                }else if(String(value).indexOf('.')!=-1||String(value).indexOf('-')!=-1){
                  return false;
                }else {
                  return Number(value);
                }
              }else {
                return null;
              }
            }
          }
        ],

        phone: [
          { type: 'number',
            message: '手机号格式不正确',
            trigger: 'blur',
            transform(value) {
              var phonereg = 11 && /^((13|14|15|16|17|18|19)[0-9]{1}\d{8})$/
              if (!phonereg.test(value)) {
                return false
              } else {
                return Number(value)
              }
            }
          }
        ],

 }