本文實(shí)例為大家分享了js登錄驗(yàn)證的具體代碼，供大家參考，具體內(nèi)容如下

創(chuàng)新互聯(lián)服務(wù)項目包括高郵網(wǎng)站建設(shè)、高郵網(wǎng)站制作、高郵網(wǎng)頁制作以及高郵網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，高郵網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到高郵省份的部分城市，未來相信會繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

1.的三種用法：

   1.放在中

   2.放在中

 
 
 
 


www


 

  
登陸
 
 

  

   
賬號:
    
   
   
密碼:
    
   
   


   

   登陸
      
   
  
 
 

  版權(quán)信息@
 

   3.放在外部JS文件中

document.getElementById('demo').innerHTML = Date() 

運(yùn)行截圖：

三種輸出數(shù)據(jù)的方式：

   1.使用 document.write() 方法將內(nèi)容寫到 HTML 文檔中。

   2.使用 window.alert() 彈出警告框。

   3.使用 innerHTML 寫入到 HTML 元素。

      1）.使用 "id" 屬性來標(biāo)識 HTML 元素。

      2）.使用 document.getElementById(id) 方法訪問 HTML 元素。

      3）.用innerHTML 來獲取或插入元素內(nèi)容。

代碼如下

 
 
 
 


www

press

運(yùn)行截圖：

3.登錄頁面準(zhǔn)備：

    1.增加錯誤提示框。

    2.寫好HTML+CSS文件。

    3.設(shè)置每個輸入元素的id

4.定義JavaScript 函數(shù)。

      1.驗(yàn)證用戶名6-20位

       2.驗(yàn)證密碼6-20位

5.onclick調(diào)用這個函數(shù)。

 html代碼如下：

 
 
 
 



 

  
登陸
 
 

   
賬號:
    
   
   
密碼:
    
   
   


   
   登陸
      
   
 
 

  版權(quán)信息@
 

js文件代碼如下：

function fnLogin() {
 var oUname = document.getElementById("uname")
 var oUpass = document.getElementById("upass")
 var oError = document.getElementById("error_box")
 if (oUname.value.length > 20 || oUname.value.length < 6) {
  oError.innerHTML = "請輸入6-20位字符"
 }

 if (oUpass.value.length > 20 || oUpass.value.length < 6) {
  oError.innerHTML = "請輸入6-20位字符"
 }
}

CSS代碼如下：

.div {
 border: 5px solid #cccccc;
 width: 400px;
 text-align: center;
}
.p{
 font-family:華文楷體 ;
}
.h{
 font-family: 華文楷體;
}

運(yùn)行截圖：

 以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。