养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

vue+Element UI怎么简单校验密码长度6-15位

时间:2024-11-08 21:48:43

最近在做新的ERP项目,需求要求密艨位雅剖码输入必须是6-15字符,自己不想写正则,额外校验,想以最简单的方法解决,一起看看怎么操作!

工具/原料

电脑(win10)

idea

方法/步骤

1、打开电脑,找到项目工具,启动项目,如下图:

vue+Element UI怎么简单校验密码长度6-15位

2、运行项目后,找到需要校验的输入框,发现输入两个字符,还是毫无反应,可以保存,如下图:

vue+Element UI怎么简单校验密码长度6-15位

3、这个时候,我们找到项楫默礤鲼目代码,修改表单属性,设置一个maxlength,但不能完整解决我们的问题,如下图:

vue+Element UI怎么简单校验密码长度6-15位

4、校验的时候,加入一个规则,设置最小输入值,和最大输入值,如下图:

vue+Element UI怎么简单校验密码长度6-15位

5、再去页面查看,前台是否能够成功校验,发现可以,如下图:

vue+Element UI怎么简单校验密码长度6-15位

© 一点知识