element 表单各种正则校验

表单监听控制输入框长度
userName: [
  {required: true, message: '应急人员名称不能为空', trigger: 'blur'},
  { min: 2, message: '长度不小于 2 个字符', trigger: 'blur' },
  { max: 10, message: '长度不大于 10 个字符', trigger: ['blur', 'change'] }
],
监听手机号输入格式校验
mobile: [
  {required: true, message: '常用联系手机号不能为空', trigger: 'blur'},
  {pattern: /^((0\d{2,3}-\d{7,8})|(1[345789]\d{9}))$/, message: '请输入正确的电话号码或者固话号码'}
],
监听邮箱输入框格式校验

/^([A-z0-9]{6,18})(\w|\-)+@[A-z0-9]+\.([A-z]{2,3})$/

监听用户名输入框格式校验

/^([\u4e00-\u9fa5]{1,20}|[a-zA-Z\.\s]{1,20})$/

1、不能有特殊字符和数字;

2、可以输入英文,可以有空格,可以输入英文名字中的点;

3、可以输入汉字;

4、中文英文不能同时出现;

5、长度在1-20;

监听输入框,让输入只能输入数字类型的数据

element input限制只能输入数字类型数据

以上就是我通过学习(抄作业)总结的常用正则校验,当然后面会持续完善的

参考1

参考2

  • 1
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
iview是一款基于Vue.js的UI组件库,提供了丰富的格组件和校验功能。 在iview的格组件中,可以使用校验功能来对每一行或特定列的数据进行校验。可以根据需要设置格的rules属性来定义校验规则。 首先,我们需要定义校验规则,可以使用常见的校验规则例如required、max、min等,也可以定义自定义的校验规则。每个校验规则都可以附加一条错误信息。 在格的columns属性中,可以通过scopedSlots可以定义每一列的渲染方式。在scopedSlots中,我们可以使用iview提供的FormItem组件来实现校验功能。 具体实现步骤如下: 1. 在格的columns属性中,为需要校验的列设置scopedSlots属性,并在scopedSlots中使用FormItem组件包裹需要校验元素。 2. 在FormItem组件中,可以使用prop属性来指定元素对应的字段名。同时,可以在FormItem组件中添加rules属性,指定对应的校验规则。 3. 在设置完校验规则后,可以通过v-model来与数据进行双向绑定。在校验不通过时,FormItem会自动显示错误信息。 通过以上步骤,我们就可以在iview的格组件中实现校验功能。当用户在格中输入数据时,会根据定义的校验规则进行实时校验,并在不通过时给出错误提示。 这样的格内校验功能,可以帮助开发者更方便地对格中的数据进行校验和验证,确保数据的准确性和完整性。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值