vue elment-ui两次密码不一致验证

Posted 2023-04-14

参考技术A elemnt-ui表单中rules提供自定义规则。
两次密码不一致可以直接copy一下部分。
注意elemnt验证大致原理：
1 el-form-item上通过props找到rules中定义的规则，然后
2 根据 :model="form"的每一项值对比是否有值
3 checkPwd别看漏了，是在return外结尾加不加 ； 都行,但别是 ,

js

JS脚本判断两次密码输入不一致

在head出添加js脚本

<script>
		function check() {
			if (input1.value != input2.value) {
				alert("两次输入密码不一致")
				passw1.value = "";
				passw2.value = "";
			}
		}
</script>

在输入passwd栏里面加上触发器：onblur

确认密码：<input name=“passwd2” type=“password” id=“input2” οnblur=“check()”/>

或者在提交按钮里加上
<input type=“submit” name=“submit” value=“提交” οnclick=“check()”>