照著寫(xiě)沒(méi)效果
var dome1=document.getElementsByTagName('input');var sp=document.getElementsByTagName('span');dome1.onfocus=function(){sp.style.display="block";sp.innerHTML='5-25個(gè)字符，一個(gè)中文表示兩個(gè)字符';}會(huì)員名我這樣寫(xiě)，沒(méi)有效果，求看看問(wèn)題在哪
曲嬈
2016-08-16
3 回答
舉報(bào)
0/150
提交
取消
2016-08-17
dom1通過(guò)document.getElementsByTagName();這個(gè)方法獲得的是一個(gè)數(shù)據(jù)啊，你沒(méi)有指定那個(gè)input標(biāo)簽中的onfocus事件效果
2016-08-29
*{margin: 0;padding: 0;list-style: none;text-decoration: none;font-family: "微軟雅黑";}
form {
float: left;
width: 840px;
height: 500px;
margin: 200px 600px;
}
.count{color: gainsboro;display: none;}
form div{clear: left;}
form p{font-size: 12px;line-height: 30px;}
.msg{float: left;display: none;}
form input{float: left;display: inline-block;width: 200px;height: 30px;outline: #fff;}?
form span{text-align: right;display: inline-block;width: 100px;float: left;line-height: 30px;}
form em{width:65px;height: 20px;display: inline-block;text-align: center;background-color: #f8b875;margin-right: 2px;line-height: 20px;margin: 10px 2px;color: #fde7bf;}
.active{background-color: #ee5f18;}
.submit_btn{width: 200px;height: 50px;background-color: #ee5f18;color: #fde7bf;text-align: center;line-height: 50px;font-size: 16px;}
這是我初步寫(xiě)的 ?還有點(diǎn)小問(wèn)題 ?正在改正
2016-08-29
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="new_file.css"/>
</head>
<body>
<form>
<div><lable><span class="span1">會(huì)員名：</span><input type="text" class="text" /><p class="msg"><i class="ati"></i> 5到25個(gè)字符，一個(gè)漢字為兩個(gè)字符，推薦使用中文會(huì)員名</p></lable></div>
<div><lable><span style="width: 120px;height: 30px;"></span><b class="count">0個(gè)字符</b></lable></div>
<div><lable><span class="span1">登錄密碼：</span><input type="text" class="text" /><p class="msg"><i class="ati"></i> 5到25個(gè)字符，一個(gè)漢字為兩個(gè)字符，推薦使用中文會(huì)員名</p></lable></div>
<div><lable><em class="active" style="margin-left: 100px;">弱</em><em>中</em><em>強(qiáng)</em></lable></div>
<div style="margin-bottom: 20px;"><lable><span class="span1">確認(rèn)密碼：</span><input type="text" class="text" /><p class="msg"><i class="ati"></i> 請(qǐng)?jiān)俅_認(rèn)一遍</p></lable></div><br /><br />
<div><lable><span class="span1">驗(yàn)證碼：</span><input type="text" class="text" style="width: 90px;"/></lable></div>
<div style="margin: 70px 100px;clear: left;"><lable><input type="submit" name="" class="submit_btn" value="同意協(xié)議并注冊(cè)" /></lable></div>
</form>
<script>
function getLength(str){
return str.replace(/[^\x00-\xff]/g,"xx").length;
}
function findStr(str,n){
var tmp=0;
for(i=0;i<str.length;i++){
if(str.charAt(i)==n){
tmp++;
}
}
return tmp;
}
window.onload=function(){
var aInput=document.getElementsByTagName('input');
var oName=aInput[0];
var pwd=aInput[1];
var pwd2=aInput[2];
var aP=document.getElementsByTagName('p');
var name_msg=aP[0];
var pwd_msg=aP[1];
var pwd2_msg=aP[2];
var count=document.getElementById('count');
var aEm=document.getElementsByTagName('em');
var name_length=0;
/*var str="akacakfff";
var re=/(a[a-g]){2}/i;
alert(re.test(str));*/
//數(shù)字 字母（不分大小寫(xiě)） 漢字 下劃線
//5到25個(gè)字符 推薦使用中文字符
var re=/\w\ue400-\u9fa5/g;
//用戶名
oName.onfocus=function(){
name_msg.style.display="block";
name_msg.innerHTML='<i class="ati"></i>輸入5到25個(gè)字符，推薦使用中文會(huì)員名';
}
oName.onkeyup=function(){
count.style.visibility="visible";
name_length=getLength(this.value);
count.innerHTML='name_length+"個(gè)字符"';
if(name_length==0){
count.style.visibility="hidden";
}
}
oName.onblur=function(){
var re=/^\w\ue400-\u9fa5/g;
if(re.test(this.value)){
name_msg.innerHTML='含有非法字符';
}
else if(name_length=""){
name_msg.innerHTML='不能為空';
}
? ?else if(name_length>25){
? ? name_msg.innerHTML='長(zhǎng)度不能超過(guò)25個(gè)字符';
? ?}
? ? else if(name_length<6){
? ? name_msg.innerHTML='長(zhǎng)度不能小于6個(gè)字符';
? ?}
? ? else{
? ? name_msg.innerHTML='OK!';
? ? }
}
pwd.onfocus=function(){
pwd_msg.style.display='block';
pwd_msg.innerHTML='6-16個(gè)字符，請(qǐng)使用字母加數(shù)字加符號(hào)的組合密碼，不能單獨(dú)使用數(shù)字，字母或符號(hào)';
}
pwd.onkeyup=function(){
if(this.value.length>5){
aEm[1].className="active";
pwd2.removeAttribute("disabled");
pwd2_msg.style.display='block';
}
else{
aEm[1].className="";
pwd2.setAttribute("disabled");
pwd2_msg.style.display="none";
}
if(this.value.length>10){
aEm[2].className="active";
pwd2.removeAttribute("disabled");
pwd2_msg.style.display='block';
}
else{
aEm[2].className="";
/*pwd2.setAttribute("disabled");
pwd2_msg.style.display="none";*/
}
}
pwd.onblur=function(){
var m=findStr(pwd.value,pwd.value[0]);
var re_n=/[^\d]/g;
var re_t=/[^a-zA-Z]/g;
if(this.value==""){
pwd_msg.innerHTML='不能為空';
}
else if(m==this.value.length){
pwd_msg.innerHTML='不能使用相同字符';
}
else if(this.value.length<6||this.value.length>25){
pwd_msg.innerHTML='字符應(yīng)在6到25之間';
}
else if(!re_n.test(this.value)){
pwd_msg.innerHTML='不能全為數(shù)字';
}
else if(!re_t.test(this.value)){
pwd_msg.innerHTML='不能全為字母';
}
else{
pwd_msg.innerHTML='OK!';
}
}
pwd2.onblur=function(){
if(this.value!=pwd.value){
pwd2_msg.innerHTML='兩次輸入的不一致';
}
else{
pwd2_msg.innerHTML='OK!';
}
}
}
</script>
</body>
</html>