自定义layui的输入验证

最新推荐文章于 2023-10-25 21:36:59 发布

原创最新推荐文章于 2023-10-25 21:36:59 发布 · 3.1k 阅读

0 ·

CC 4.0 BY-SA版权

我的学习专栏收录该内容

30 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的用户注册过程中密码输入一致性的校验方法，通过前后端分离的方式，确保用户两次输入的密码相同，提高了用户密码的安全性和准确性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

用户注册验证两次密码输入是否一致
js:代码

    form.verify({
     	password:function(value){
     		if($("#password").val().trim()!=value.trim()){
     			return "两次密码输入不一致";
    		}
     	},
     });

html:代码

<div class="layui-form-item">
					<label class="layui-form-label">密码:</label>
					<div class="layui-input-inline">
						<input type="password" id="password" class="layui-input" name="password" placeholder="请输入密码" autocomplete="on" lay-verify="required" maxlength="16"/>
					</div>
				</div>
				
				<div class="layui-form-item">
					<label class="layui-form-label">确认密码:</label>
					<div class="layui-input-inline">
						<input type="password" id="password_r" class="layui-input" name="password_r" placeholder="请再次输入密码" 
							autocomplete="on" lay-verify="required|password" maxlength="16"/>
					</div>
				</div>