手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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

时间:2024-10-12 21:03:32

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位
© 手抄报圈