layui 表单验证旧密码是否输入正确(验证用户名是否被使用,也可以用这种方法)

 <script>  
  
  layui.use(['form'], function(){
  var form = layui.form
  ,layer = layui.layer;
   
//添加验证规则
    form.verify({	
		
		oldPwd : function(value, item){
                if (value.length == 0) {
                    return '请输入旧密码';
                }
                var msg = '';
                $.ajax({
                    url: "/Welcome/getAjaxPassWord/",
                    type: "post",
                    async: false,
                    data: {
                        uname:$('#userAdmin').text(),
						upass:value
                    },
                    dataType: "html",
                    success: function (data) {
                       msg = data;
                    }
                });
                if(msg!='1'){return "旧密码输入错误,请重新输入!";}
            },
		
		

        newPwd : function(value, item){
            if(value.length < 6){
                return "密码长度不能小于6位";
            }
        },
        confirmPwd : function(value, item){
            if(!new RegExp($("#oldPwd").val()).test(value)){
                return "两次输入密码不一致,请重新输入!";
            }
        }
    });
});	
    
	
  </script>  

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,以下是一个简单的后台登录页面示例,使用layui框架: HTML代码: ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>后台登录</title> <link rel="stylesheet" href="https://cdn.staticfile.org/layui/2.5.6/css/layui.css"> </head> <body> <div class="layui-container"> <div class="layui-row"> <div class="layui-col-md12"> <div class="layui-card"> <div class="layui-card-header">后台登录</div> <div class="layui-card-body"> <form class="layui-form" action=""> <div class="layui-form-item"> <label class="layui-form-label">用户名</label> <div class="layui-input-block"> <input type="text" name="username" required lay-verify="required" placeholder="请输入用户名" autocomplete="off" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">密码</label> <div class="layui-input-block"> <input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input"> </div> </div> <div class="layui-form-item"> <div class="layui-input-block"> <button class="layui-btn" lay-submit lay-filter="login">登录</button> <button type="reset" class="layui-btn layui-btn-primary">重置</button> </div> </div> <div class="layui-form-item"> <div class="layui-inline">没有账号?</div> <div class="layui-inline"> <button type="button" class="layui-btn layui-btn-primary" id="register">立即注册</button> </div> </div> </form> </div> </div> </div> </div> </div> <script src="https://cdn.staticfile.org/layui/2.5.6/layui.js"></script> <script> layui.use(['form', 'layer'], function(){ var form = layui.form; var layer = layui.layer; //登录表单提交 form.on('submit(login)', function(data){ //模拟登录成功 layer.msg('登录成功!'); return false; }); //注册按钮点击事件 $('#register').on('click', function(){ //打开注册页面 layer.open({ type: 2, title: '注册', area: ['520px', '380px'], content: 'register.html' }); }); }); </script> </body> </html> ``` 这里使用layui框架的表单和弹窗功能,实现了一个简单的后台登录页面。其中,用户名密码输入框都设置了必填验证登录按钮绑定了表单提交事件,点击登录按钮会弹出登录成功提示框。同,还添加了一个立即注册按钮,点击会打开一个注册页面的弹窗。 需要注意的是,这里只是一个简单的示例代码,没有实现真正的登录和注册功能,需要根据具体需求进行修改和完善。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值