jQuery, js 驗證兩次輸了密碼的一相同

<div class="form-group">
            	<label class="col-sm-2 control-label font">新密碼</label>
        			<div class="col-xs-10">
            			<input type="password" class="form-control bt" name="pwd" id="pwd" placeholder="請設置新密碼">
        			</div>
        	</div><br/><br/><br/>
            
            <div class="form-group">
            	<label class="col-sm-2 control-label font">確認新密碼</label>
        			<div class="col-xs-10">
            			<input type="password" class="form-control bt" name="pwd" id="pwd1" placeholder="請再次填寫新密碼" onkeyup="validate()"><span id="tishi"></span>
        			</div>
        	</div><br/><br/>
            
        	<button type="button" class="btn btn-primary btn-lg btn-block xg" id="xiugai" >修改</button>

 

js寫法

function validate() {
    var pwd1 = document.getElementById("pwd").value;
    var pwd2 = document.getElementById("pwd1").value;

<!-- 對比兩次輸入的密碼 -->
    if(pwd1 == pwd2)
     {
        document.getElementById("tishi").innerHTML="<font color='green'>兩次密碼相同</font>";
        document.getElementById("button").disabled = false;
     }
else {
        document.getElementById("tishi").innerHTML="<font color='red'>兩次密碼不相同</font>";
        document.getElementById("button").disabled = true;
      }
}

 jQuery寫法

function validate() {
    
    var pwd = $("#pwd").val();
    var pwd1 = $("#pwd1").val();
<!-- 對比兩次輸入的密碼 -->
    if(pwd == pwd1)
     {
        $("#tishi").html("兩次密碼相同");
         $("#tishi").css("color","green");
    $("#xiugai").removeAttr("disabled");
     }
else {
        $("#tishi").html("兩次密碼不相同");
         $("#tishi").css("color","red")
          $("button").attr("disabled","disabled");    
      }
}