vue+element校验规则

vue+element表单校验几要素:
(1)圈起来的地方必须有
圈起来的地方都必须有
(2)校验规则
校验规则
(3)提交表单验证拦截
提交验证拦截
常用的校验规则:

rules: {
		  creditCode: [{ required: true, message: '请输入企业信用代码', trigger: 'blur' },
            { min: 1, max: 50,message: '长度在 1 到 100 个字符', trigger: 'blur' },
            { pattern:/^[A-Za-z0-9]+$/, message: '只能输入数字、字母', trigger: 'blur'}],
          loginName: [{ required: true, message: '请输入单位全称', trigger: 'blur' },
            { min: 1, max: 50,message: '长度在 1 到 100 个字符', trigger: 'blur' },
            { pattern:/^[a-zA-Z0-9\u4e00-\u9fa5()()]+$/, message: '只能输入汉字、数字、字     母、括号', trigger: 'blur'}],
          contactsPhone: [{ required: true, message: '请输入电话', trigger: 'blur,change' },
            { pattern:/^[0-9]*$/, message: '请输入正确的电话', trigger: 'blur,change'}],
          contactsMobilePhone: [
            { required: true, message: '请输入手机号码', trigger: 'blur' },
            { pattern:/^1[12345789]\d{9}$/, message: '请输入正确的手机号码'}],
          contactsEmail: [
            { required: true, message: '请填写E-mail', trigger: 'blur,change' },
            { type: 'email', message: '请输入正确的E-mail', trigger: 'blur,change' }],
          registerMoney:[ { required: true, message: '请输入注册资金', trigger: 'blur' },
            { min: 1, max: 10,message: '长度在 1 到 10 个字符', trigger: 'blur' },
            { pattern:/^\d+(\.\d+)?$/, message: '请输入正确的数字', trigger: 'blur' }],
          password: [{ required: true, message: '请输入密码', trigger: 'blur' },
            {pattern: /^(\w){6,20}$/, message: '只能输入6-20个字母、数字、下划线'}],
          checkpass: [{ required: true, message: '请再次输入密码', trigger: 'blur' },
            { validator: validatePass} ]
        }
			不能为NULL且字数限制1-80:/^[\s|\S]{1,80}$/

  • 6
    点赞
  • 29
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值