本文例項講述了js實現input密碼框提示訊息的方法。分享給大家供大家參考,具體如下:
今天我們主管說要在密碼框加入個"請輸入密碼"的提示訊息,第一次的時候本來想著用修改input type 屬性的方法呢,結果有某些特別的瀏覽器不支援,IE的input的type屬性是唯讀的,不能動態設定.所以換其它的方法,例項如下:
function changeTip(th){
var passText = document.getElementById('passText');
var pass = document.getElementById('pass');
if(th.id == 'pass'){
if(th.value == '' || th.value.length == 0 ){
passText.style.display='';
pass.style.display='none';
}
}else{
passText.style.display='none';
pass.style.display='';
pass.focus();
}
}
補充:
其實上面一大段的程式碼,用html5的一個 placeholder 屬性就解決了.程式碼如下:
複製程式碼 程式碼如下:
PS:這裡再為大家推薦一款非常好用的JavaScript壓縮、格式化與加密工具,功能非常強大(對於想讓程式碼加密的朋友不妨試試這裡的js加密功能):
JavaScript壓縮/格式化/加密工具:http://tools.jb51.net/code/jscompress
另外,上面這款js工具中的加密使用的是eval函式加密形式,對此本站還提供了如下這款針對eval函式加密的解密工具,非常強大實用!
js的eval方法線上加密解密工具:http://tools.jb51.net/password/evalencode
希望本文所述對大家JavaScript程式設計有所幫助。