<!--（一）验证二次输入密码一致。要求： (本题15分） 1、输入框获得焦点时改变输入框背景色（颜色自定义），失去焦点后恢复原颜色。 2、密码由数字和大小写字母中至少二种组成，长度为6至10位，密码输入后以“*”号显示， 输入完成后输入框失去焦点时，用正则表达式进行判断密码形式是否满足要求， 输入有误时在输入框后面显示输入密码类型或长度错误。 3、从二个文本框中输入密码一致时，用警告框提示验证通过，否则提示不通过； 4、验证三次密码不一致时，验证按钮禁用3分钟，3分钟之后解除禁止。 5、使用jQuery完成本题。-->完成上述要求，并用js,jquery代码完成

以下是HTML代码：

<label for="pwd1">密码：</label>
<input type="password" id="pwd1" name="pwd1"><br>
<label for="pwd2">确认密码：</label>
<input type="password" id="pwd2" name="pwd2"><br>
<button id="btn">验证</button>
<div id="error"></div>

以下是jQuery代码：

$(document).ready(function(){
  var pwd1 = $("#pwd1");
  var pwd2 = $("#pwd2");
  var btn = $("#btn");
  var error = $("#error");
  var errorTimer; // 定时器

  // 输入框获得焦点时改变输入框背景色
  pwd1.focus(function(){
    $(this).css("background-color", "#f5f5f5");
  });
  pwd2.focus(function(){
    $(this).css("background-color", "#f5f5f5");
  });

  // 输入框失去焦点后恢复原颜色
  pwd1.blur(function(){
    $(this).css("background-color", "#fff");
  });
  pwd2.blur(function(){
    $(this).css("background-color", "#fff");
  });

  // 输入完成后输入框失去焦点时，用正则表达式进行判断密码形式是否满足要求
  pwd1.blur(function(){
    var pattern = /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{6,10}$/; // 密码由数字和大小写字母中至少二种组成，长度为6至10位
    var pwd = $(this).val();
    if(!pattern.test(pwd)){
      error.html("密码必须由数字和大小写字母中至少二种组成，长度为6至10位");
      $(this).val("");
    }
  });

  // 从二个文本框中输入密码一致时，用警告框提示验证通过，否则提示不通过
  btn.click(function(){
    var pwd1Val = pwd1.val();
    var pwd2Val = pwd2.val();
    if(pwd1Val === pwd2Val){
      alert("验证通过");
    }else{
      error.html("两次输入的密码不一致");
      pwd1.val("");
      pwd2.val("");
      // 验证三次密码不一致时，验证按钮禁用3分钟
      btn.prop("disabled", true);
      errorTimer = setTimeout(function(){
        btn.prop("disabled", false);
      }, 180000);
    }
  });
});