element必填校验 输入空格问题

"本文介绍如何在登录表单验证中利用正则表达式`[^x22]+`来确保输入字段不为空。通过在`loginRules`对象中为`username`、`password`和`code`字段添加`required`和`pattern`属性,实现了在用户失去焦点(`blur`)或验证码改变(`change`)时进行验证。这种方法提高了前端验证的效率和用户体验。"
摘要由CSDN通过智能技术生成

采用pattern,手写正则的方式实现功能功能。
我们只需要在我们对应的rules数组对象校验中新增这样一个正则写法即可。

pattern: ‘[^ \x22]+’
完整写法
loginRules: {
username: [{ required: true, pattern: ‘[^ \x22]+’, trigger: ‘blur’, message: ‘用户名不能为空’ }],
password: [{ required: true, pattern: ‘[^ \x22]+’, trigger: ‘blur’, message: ‘密码不能为空’ }],
code: [{ required: true, pattern: ‘[^ \x22]+’, trigger: ‘change’, message: ‘验证码不能为空’ }],
},

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值