在写富文本的非空校验时使用普通的非空判断

{ required: true, message: '内容不能为空', trigger: 'blur' },

因为富文本即使不输入内容也会有默认值:

<p><br></p>

所以需要自定义表单校验判断富文本的内容不等于

<p><br></p>

在relus中自定义校验方法

	// 表单校验
      rules: {
        articleClassId: [
          { required: true, message: '文章类别不能为空', trigger: 'blur' }
        ],
        articleIndex: [
          { required: true, message: '首页显示不能为空', trigger: 'blur' }
        ],
        articleSort: [
          { required: true, message: '显示顺序不能为空', trigger: 'blur' }
        ],
        articleSource: [
          { required: true, message: '文章来源不能为空', trigger: 'blur' }
        ],
        articletitle: [
          { required: true, message: '文章标题不能为空', trigger: 'blur' }
        ],
        articleContent: [
          { required: true, message: '内容不能为空', trigger: 'blur' },
          { validator: (rule, value, callback) => {
              if (value) {
                if (value == "<p><br></p>") {
                  return callback(new Error("内容不能为空"));
                } else {
                  callback();
                }
              }
            }, trigger: "blur" }
        ],
        articleSketch: [
          { required: true, message: '文章简述不能为空', trigger: 'blur' }

        ],
      },

正则校验就比较简单一点

auditUserMobile: [
	{ required: true, message: "审核人联系电话不能为空", trigger: "blur" },
        {
        	pattern: /^(13[0-9]|14[579]|15[0-3,5-9]|16[6]|17[0135678]|18[0-9]|19[89])\d{8}$/,
        	message: "请输入正确的手机号码"
         }
],

但是type设为number时字母‘e’也能输入所以要在标签中加入键盘松开事件

<el-input onkeypress="return( /^[^e]{1,}$/.test(String.fromCharCode(event.keyCode) ) )" v-model="form.sfyth" type='number'  placeholder="请输入水肥一体化">
            <template slot="append">亩</template>
          </el-input>

Q.E.D.

知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议