Rumah > hujung hadapan web > tutorial js > 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
Lepaskan: 2016-05-16 15:20:04
asal
1323 orang telah melayarinya

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>
Salin selepas log masuk

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:

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.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan