html確認密碼

今天準備分享一個小知識點,就是確認登陸界面spa

<body >
<form>
輸入戶名: <input type="text" name="name"/>
<P>輸入密碼: <input type="password" name="pw" id="pw1"/></P>
<p>確認密碼: <input type="password" name="pw" id="pw2" onkeyup="validate()"/><span id="tishi"></span></p>
<p><input type="submit" value="註冊" id="submit"/>
<input type="reset" value="重置"/></p>
</form> orm

 

 


<script>
function validate() {
var pw1 = document.getElementById("pw1").value;
var pw2 = document.getElementById("pw2").value;
if(pw1 == pw2) {
document.getElementById("tishi").innerHTML="<font color='green'>兩次密碼相同</font>";
document.getElementById("submit").disabled = false;
}
else {
document.getElementById("tishi").innerHTML="<font color='red'>兩次密碼不相同</font>";
document.getElementById("submit").disabled = true;
}
}
</script>ip

</body>get

這是一個簡單的確認密碼的方法,以爲不錯的點擊推薦吧input

相關文章
相關標籤/搜索