Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk melaksanakan maklumat segera kotak kata laluan input dalam js (dengan kaedah pelaksanaan html5)_kemahiran javascript

Bagaimana untuk melaksanakan maklumat segera kotak kata laluan input dalam js (dengan kaedah pelaksanaan html5)_kemahiran javascript

WBOY
WBOYasal
2016-05-16 15:20:041222semak imbas

Contoh dalam artikel ini menerangkan cara melaksanakan maklumat gesaan kotak kata laluan input dalam js. Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:

Hari ini penyelia kami berkata bahawa kami harus menambah mesej gesaan "sila masukkan kata laluan" dalam kotak kata laluan Pada kali pertama kami berfikir tentang menggunakan kaedah mengubah suai atribut jenis input, ternyata beberapa pelayar khas tidak menyokong ia, IE Atribut jenis input adalah baca sahaja dan tidak boleh ditetapkan secara dinamik Jadi gunakan kaedah lain Contohnya adalah seperti berikut:

<input type="text" onfocus="changeTip(this);" id="passText" name="passText" value="请输入密码"/>
<input style="display: none;" type="password" onblur="changeTip(this);" id="pass" placeholder="" name="pass" value=""/>
<script type="text/javascript">
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();
 }
}
</script>

Tambahan:

Malah, bahagian besar kod di atas boleh diselesaikan menggunakan atribut pemegang tempat HTML5 Kod tersebut adalah seperti berikut:

Salin kod Kod adalah seperti berikut:
805966c9baf491e9cb6f7b9351c4dfb4

PS: Di sini kami mengesyorkan alat pemampatan, pemformatan dan penyulitan JavaScript yang sangat mudah digunakan, yang sangat berkuasa (bagi mereka yang ingin menyulitkan kod mereka, anda mungkin mahu mencubanya Cuba fungsi penyulitan js di sini):

Alat pemampatan/pemformatan/penyulitan JavaScript: http://tools.jb51.net/code/jscompress

Selain itu, penyulitan dalam alat js di atas menggunakan borang penyulitan fungsi eval Untuk ini, tapak ini juga menyediakan alat penyahsulitan berikut untuk penyulitan fungsi eval, yang sangat berkuasa dan praktikal.

Alat penyulitan dan penyahsulitan kaedah JS eval: http://tools.jb51.net/password/evalencode

Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan JavaScript.

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn