- 常见字段
data () {
let assetName = (rule, value, callback) => {
if (!this.checkSpecialKey(value)) {
callback(new Error('不可有特殊符号'))
} else {
callback()
}
};
let assetByname_name = (rule, value, callback) => {
let reg = /[\u4E00-\u9FA5\s]/
if (reg.test(value)) {
callback(new Error('不可出现汉字、空格'))
} else {
callback()
}
};
let assetByname_length = (rule, value, callback) => {
if (value.length > 15) {
callback(new Error('不得超过15个字符'))
} else {
callback()
}
};
return {
rules: {
asset_name: [
{ required: true, message: '请输入名称' }, // 必填项校验
{ validator: assetName, message: '不可有特殊符号' }, // 输入时，校验
{ validator: assetName, trigger: 'blur' }, // 失去焦点时，校验
{ validator: assetByname_name, message: '不可出现汉字、空格' },
{ validator: assetByname_length, message: '不得超过15个字符' },
{min: 3, max: 5, message: '长度为3-5个字符'},
{pattern: /^[0-9]+$/, message: '必须为数字'},
{pattern: /^[a-zA-Z]+$/, message: '必须为字母'},
{pattern: /^[\u4E00-\u9FA5]+$/, message: '必须为中文'},
{pattern: /^[a-zA-Z0-9]+$/, message: '必须为字母与数字'},
{pattern: /^[^0-9]/, message: '首字符不可为数字' },
{pattern: /^[a-zA-Z][A-Za-z0-9]+$/, message: '必须为数字和字母，且首字符不可为数字' },
{pattern:/(^(\d|[1-9]\d)(\.\d{1,2})?$)|(^100$)/, message: '请输入0-100数字,最多可保留两位小数'}
]
}
}
}
- 手机号，邮箱，身份证号
data() {
let checkContactWay = (rule, value, callback) => {
let myreg = /^[1][3,4,5,7,8][0-9]{9}$/
setTimeout(() => {
if (value && !myreg.test(value)) {
callback(new Error('请输入有效的手机号码'))
} else {
callback()
}
}, 200)
}
let checkEmail = (rule, value, callback) => {
let reEmail = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
if (!reEmail.test(value)) {
callback(new Error('请输入正确的邮箱格式'))
} else {
callback()
}
}
let idCard = (rule, value, callback) => {
if (value && (!(/\d{17}[\d|x]|\d{15}/).test(value) || (value.length !== 15 && value.length !== 18))) {
// value && 加上的话，就表示，只有有值的时候才执行正则，即非必填，如果有值，就校验格式
callback(new Error('身份证号码不符合规范'))
} else {
callback()
}
}
return {
form: {
contact_way: '', // 手机号
email: '' // 邮箱
id_number: '' // 身份证号
},
rules: {
contact_way: [
{ validator: checkContactWay, trigger: 'blur' },
{'required': 'true', 'message': '请输入公司联系方式', 'trigger': 'blur'}
],
email: [
{ validator: checkEmail, trigger: 'blur' },
{'required': 'true', 'message': '请输入公司邮箱', 'trigger': 'blur'}
],
id_number: [
{validator: idCard, message: '身份证号码不符合规范'}
],
}
}
},
- 根据数值，自定义正则（不能为零）
data () {
let nullSelect = (rule, value, callback) => {
if (value == 0) {
callback(new Error(rule.message))
} else {
callback()
}
}
return {
rules: {
postId: [
{ required: true, validator: nullSelect, message: '请选择岗位', trigger:
'change' }]
}
}
}
elementUI表单验证，参考：http://element.eleme.io/#/zh-CN/component/form
- 正则表达式限制输入时不能输入空格
https://blog.csdn.net/iteye_11773/article/details/82677058 - js验证字符串是否为数字或小数点
if (!/^\d+(?=\.{0,1}\d+$|$)/.test(this.vacationDate)) {
this.$message.warning('调休天数必须是数字')
return
}
https://blog.csdn.net/CSDNXuwei/article/details/72551631
- 只能是整数 或有小数点的话,点后面只能是一位还必须是5
用正则 /^[0-9]+(.5)*$/
if (!/^[0-9]+(\.5)*$/.test(this.vacationDate)) {
this.$message.warning('调休天数必须是数字，如果有小数点，小数点后只能是5')
return
}
https://www.zybang.com/question/328de81e4120f9bca886c40175ba22a1.html
- 必须是正整数
let re = /^[1-9]+[0-9]*]*$/; // 判断正整数
if (!re.test(this.search.set_day)) {
this.$message.warning('第几天为正整数')
return
}
https://zhidao.baidu.com/question/89978269.html
JS 限制最多输入两位小数（2种写法）
var amount = document.getElementById('amount').value;
if (!/^[0-9](([0-9]*\.[0-9]{2})|([0-9]*\.[0-9]{1})|([0-9]*))$/.test(amount)) {
document.getElementById('active_amount').className = 'red_border2 p_content' // 警告样式
toastShow('最多输入两位小数') // 弹框提示
return false;
}
if (!(/^(?!0+(?:\.0+)?$)(?:[1-9]\d*|0)(?:\.\d{1,2})?$/.test(amount))) {
document.getElementById('active_amount').className = 'red_border2 p_content' // 警告样式
toastShow('最多输入两位小数') // 弹框提示
return false
}
- 大于0的所有数，小数点后保留两位小数
/^0\.([1-9]|\d[1-9])$|^[1-9]\d{0,8}\.\d{0,2}$|^[1-9]\d{0,8}$/
https://www.cnblogs.com/yuanyuanya/p/12751970.html
- 正整数
/^\+?[1-9][0-9]*$/
https://www.cnblogs.com/yuanyuanya/p/12751970.html
- 自定义正则
<el-form-item label="数量" prop="num"
:rules="[{required: ruleForm.rule_type, message: '请输入'}]">
<el-input v-model="ruleForm.num" maxlength="20" show-word-limit></el-input>
</el-form-item>
- 仅允许数字和-连接符（座机号）
/^(\d|-)*$/
