首頁猿問 HTML 表單驗證

HTML 表單驗證

Html/CSS

李昱萱 2017-10-15 11:36:52

在pwdagain方法中，如果第一次驗證為正確信息，再輸入錯誤信息，錯誤信息會變綠，但本身是紅色，該怎么改正

查看完整描述

3 回答

騎著蝸牛play

TA貢獻2條經(jīng)驗獲得超1個贊

能不能看下你的?運行結果和調用順序，好像函數(shù)?的沒有什么問題耶

反對回復 2017-10-15

點擊展開后面1條

Developer_Zuck

TA貢獻112條經(jīng)驗獲得超42個贊

你應該把代碼發(fā)出來，運行出效果了才好回復你啊。

反對回復 2017-10-15

李昱萱
function idchecked(){ var us=document.getElementById("username").value; var message=""; if(us==""){ document.getElementById("usertip").innerHTML='用戶名為空' } else if(us.length!=5) { document.getElementById("usertip").innerHTML='長度為5個字符' } else { var col=document.getElementById("usertip"); document.getElementById("usertip").innerHTML='ok!' col.style.color="green"; } } <div class="dataarea first"> <lable for="username">用戶名：</lable> <input class="input" type="text" id="username" required="required" placeholder="不能超過5個字符" onblur="idchecked()"/> </div> <div class="tip"> <span id="usertip"></span> </div> #regform{ position: absolute; width: 500px; height: 700px; margin-top: 40px; margin-left:29%; padding:15px; text-align:right ; } .dataarea{ position: relative; float: left; width: 350px; margin-left: -100px; padding: 20px; } .tip{ float: left; width: 100px; margin-top: 15px ; padding: 10px; text-align: left; font-size: 13px; color: red; }

回復 2017-10-15

關注