在写富文本的非空校验时使用普通的非空判断
{ 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.
Comments | 0 条评论