微信咨询

微信咨询

13610*910*9

服务热线 7*24小时

电话咨询

layui 判断2个密码输入框的值是否一样

iamdu2022-06-09 10:52:04 浏览: 580436
        <form class="layui-form" action="/register" method="post" style="margin-top: 50px;width:500px;">
            <div class="layui-form-item">
              <label class="layui-form-label" required>用户名</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-inline">
                <input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
              </div>
              <div class="layui-form-mid layui-word-aux">不要写太简单的密码</div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">确认密码</label>
                <div class="layui-input-inline">
                  <input type="password" name="password2" required lay-verify="confirmPass" placeholder="请输入密码" autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid layui-word-aux">再确认一下密码</div>
              </div>



            <div class="layui-form-item">
              <div class="layui-input-block">
                <button class="layui-btn" lay-submit lay-filter="formDemo" type="submit">立即注册</button>
                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
              </div>
            </div>
          </form>


          <script>
          //Demo
          layui.use('form', function(){
            var form = layui.form;
            
            //监听提交
            // form.on('submit(formDemo)', function(data){
            //   layer.msg(JSON.stringify(data.field));
            //   return false;
            // });
           form.verify({
                confirmPass:function(value){
                     if($('input[name=password]').val() !== value)
                     return '两次输入的密码不一样';

                }

           })
          });
          </script>