今天準備分享一個小知識點,就是確認登錄界面 <body > <form> 輸入戶名: <input type="text" name="name"/> <P>輸入密碼: <input type="password" name="pw" id="pw1"/></P> <p>確認密碼: <input t ...
今天準備分享一個小知識點,就是確認登錄界面
<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>
<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>
</body>
這是一個簡單的確認密碼的方法,覺得不錯的點擊推薦吧