<!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html?xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
<title>無標(biāo)題文檔</title>
<link?rel="stylesheet"?href="style.css"?type="text/css"?/>
<script?type="text/javascript"?src="js/jquery-1.7.2.min.js"></script>
</head>
<body>
<form>
????<!--會(huì)員名-->
????<div>
????????<label>
????????????<span>會(huì)員名：</span>
????????????<input?type="text"?class="text"?id="memberName"/>
????????</label>
????????<p?class="msg">
????????????<i></i>
????????????5-25個(gè)字符，一個(gè)漢字為兩個(gè)字符，推薦使用中文會(huì)員名
????????</p>
????</div>
????<div>
????????<label>
????????????<span></span>
????????????<b?id="count">0個(gè)字符</b>
????????</label>
????</div>
?
????<!--密碼-->
????<div>
????????<label>
????????????<span>登陸密碼：</span>
????????????<input?type="password"?class="text"?/>
????????</label>
????????<p?class="msg">
????????????<i></i>
????????????5-25個(gè)字符，一個(gè)漢字為兩個(gè)字符，推薦使用中文會(huì)員名
????????</p>
????</div>
?
????<div?style="margin:3px?0?10px?0">
????????<label>
????????????<span></span>
????????????<em?class="active">弱</em>
????????????<em>中</em>
????????????<em>強(qiáng)</em>
????????</label>
????</div>
?
????<!--確認(rèn)密碼-->
????<div?style="padding-bottom:20px">
????????<label>
????????????<span>確認(rèn)密碼：</span>
????????????<input?type="password"?class="text?disabled="?/>
????????</label>
????????<p?class="msg">
????????????<i></i>
????????????請(qǐng)?jiān)佥斠淮?????????</p>
????</div>
?
????<!--驗(yàn)證碼-->
????<div>
????????<label>
????????????<span>驗(yàn)證碼：</span>
????????????<input?type="text"?class="text"?style="width:50px"?/>
????????????<img?class="ver_img"?src="img/verification_code.png">
????????????<a?class="changeimg"?href="#"?title="重新獲取驗(yàn)證碼"></a>
????????</label>
????</div>
?
????<!--提交按鈕-->
????<div>
????????<input?class="submitBtn?btn"?type="submit"?value="同意協(xié)議并注冊">
????</div>
?
</form>
</body>
</html>
//?JavaScript?Document
function?getLength(str){
return?str.replace(/[^\x00-xff]/g,"xx").length;//這里的正則\x00-xff是不是寫錯(cuò)了，少了一個(gè)轉(zhuǎn)義符？？？
}
window.onload=function(){
var?aInput=document.getElementByTagName("input");
var?oName=aInput[0];
var?pwd=aInput[1];
var?pwd2=aInput[2];
var?aP=document.getElementByTagName("p");
var?name_msg=aP[0];
var?pwd_msg=aP[1];
var?pwd2_msg=aP[2];
var?count=document.getElementById("count");
var?aEm=document.getElementByTagName("em");
var?name_length=0;//為什么賦值為0？？
//1.數(shù)字、字母（\w）??漢字\u4e00-\u9fa5
//5-25個(gè)字符，一個(gè)漢字為兩個(gè)字符，推薦使用中文會(huì)員名
//用戶名
oName.onfocus=function(){
name_msg.style.display="block";
name_msg.innerHTML='<i?class="ati"></i>?5-25個(gè)字符，一個(gè)漢字為兩個(gè)字符，推薦使用中文會(huì)員名'
};
oName.onkeyup=function(){
?count.style.visibility="visiable";
?name_length=getLength(this.value);
?count.innerHTML=name_length+'個(gè)字符'；
?if(name_length==0){
?count.style.visibility="hidden";
?}
};
oName.onblur=function(){
//含非法字符
?????var?re=/[^\w\u4e00-\u9fa5]/g;
?????????????if(re.test(this.value)){
?name_msg.innerHTML='<i?class="err"><i>含非法字符!'
?}
?????else?if(this.value==""){
name_msg.innerHTML='<i?class="err"><i>不能為空!'
?}
?else?if(name_length>25){
name_msg.innerHTML='<i?class="err"><i>長度超過25個(gè)字符!'
?} ?
?else?if(name_length<6){
name_msg.innerHTML='<i?class="err"><i>長度少于6個(gè)字符!'
?} };
?else{
name_msg.innerHTML='<i?class="ok"><i>OK!'
?}
}
2015-09-01
var?aInput=document.getElementByTagName("input");var?aInput?=document.getElementsByTagName("input");找一找這2行有什么區(qū)別？發(fā)現(xiàn)了木有，是getElementsByTagName不是getElementByTagName。沒錯(cuò)，你把所有的getElementsByTagName都打成了getElementByTagName。我就不一一列舉了哈。
這2行又有什么區(qū)別？你把visible敲成了visiable。
花括號(hào)是成對(duì)出現(xiàn)滴，最后少了}
修改后的JS
//?JavaScript?Document function?getLength(str){ ???return?str.replace(/[^\x00-xff]/g,"xx").length;//這里的正則\x00-xff是不是寫錯(cuò)了，少了一個(gè)轉(zhuǎn)義符？？？ ??? ???} 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;//為什么賦值為0？？ //1.數(shù)字、字母（\w）??漢字\u4e00-\u9fa5 //5-25個(gè)字符，一個(gè)漢字為兩個(gè)字符，推薦使用中文會(huì)員名 ???//用戶名 ???oName.onfocus?=?function?()?{ ??????name_msg.style.display?=?"block"; ??????name_msg.innerHTML?=?'<i?class="ati"></i>?5-25個(gè)字符，一個(gè)漢字為兩個(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\u4e00-\u9fa5]/g; ??????if?(re.test(this.value))?{ ?????????name_msg.innerHTML?=?'<i?class="err"></i>含非法字符!' ??????} ??????else?if?(this.value?==?"")?{ ?????????name_msg.innerHTML?=?'<i?class="err"></i>不能為空!' ??????} ??????else?if?(name_length?>?25)?{ ?????????name_msg.innerHTML?=?'<i?class="err"></i>長度超過25個(gè)字符!' ??????} ??????else?if?(name_length?<?6)?{ ?????????name_msg.innerHTML?=?'<i?class="err"></i>長度少于6個(gè)字符!' ??????} ??????else?{ ?????????name_msg.innerHTML?=?'<i?class="ok">OK!</i>' ??????} ???} }2016-05-19
為什么我的也不能交互啊?? 為什么啊? 我都檢查好幾遍了? js也引入了的啊
2015-09-23
oName.onblur=function(){
????????//含非法字符
?????????????var?re=/[^\w\u4e00-\u9fa5]/g;
?????????????if(re.test(this.value)){
?????????????????name_msg.innerHTML='<i?class="err"><i>含非法字符!'
?????????????????}
?????????????else?if(this.value==""){
????????????????name_msg.innerHTML='<i?class="err"><i>不能為空!'
?????????????????}
?????????????else?if(name_length>25){
????????????????name_msg.innerHTML='<i?class="err"><i>長度超過25個(gè)字符!'
?????????????????} ?
?????????????else?if(name_length<6){
????????????????name_msg.innerHTML='<i?class="err"><i>長度少于6個(gè)字符!'
?????????????????}???????? };
?????????????else{
????????????????name_msg.innerHTML='<i?class="ok"><i>OK!'
?????????????????}????
? ? ?這段大括號(hào)內(nèi)的每個(gè)語句結(jié)尾都少了“;”
2015-09-01
如果你下邊的js代碼是寫在HTML文件里面的話 ?要用<script type="text/javascript"></script>給它包起來 ? 如果是從你的js文件里面粘的話 ?那是因?yàn)槟銢]有引入你自己寫的js文件
2015-09-01
代碼里面有中文分號(hào)，另外if/else判斷閉合也有問題。
2015-09-01
你后面部分的js 代碼 放哪兒了
2015-09-01
親，你的js代碼不是沒有引入到html文件中嗎