這個是我的源碼測試能用
<html>
<head>
</head>
<script type="text/javascript" src="./demo.js"></script>
<body>
<div id="content-area">
? ? <div id="reg-title"></div>
? ? <form method="post" id="pp-form" action="do.php" class="pp-form">
? ? ? ? <div>
? ? ? ? ? ? <label for="reg-un">用戶名</label>
<b id="count" style="visibility:hidden">0個字符</b>
? ? ? ? ? ? <input name="reg-un" ?id="reg-un" tabindex="1"> ? ? ? ? ??
? ? ? ? ??
?<span style="display:none;"></span>
? ? ? ? </div>
? ? ??
? ? ? ? <div>
? ? ? ? ? ? <label for="reg-pw">密碼</label>
? ? ? ? ??
? ? ? ? ? ? <input id="regpw" name="regpw" type="password" tabindex="2" >
? ? ? ? ? ? <span id="regpwshow" style="display:none">此處不可空白 </span><em>弱</em><em>中</em><em>強(qiáng)</em>
? ? ? ? </div>
? ? ? ??
? ? ? ? <div>
? ? ? ? ? ? <label for="reg-pw">確認(rèn)密碼
</label>
? ? ? ? ? ? ? <input id="con-pw" name="con-pw" type="password" tabindex="3" disabled="">
? ? ? ? ? ? <span id="con-pwshow" name="con-pwshow"> </span>
? ? ? ? </div>
? ? ?</form> ? ?
? ? </div>
</body>
<html> ? ? ? ? ??
?
? ? ? ??
? ??
function getlength(str){
return str.replace(/[^\x00-\xff]/g,"xx").length;
}
function findStr(str,n){
var tmp=0;
for(var 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 aspan=document.getElementsByTagName('span');
var name_span=aspan[0];
var pwd_span=aspan[1];
var pwd2_span=aspan[2];
var count=document.getElementById('count');
var aem=document.getElementsByTagName('em');
var name_length=0;
oname.onfocus=function(){
name_span.style.display="block";
name_span.innerHTML="<i></i>請輸入4-16位字符,一個漢字2個字符、下劃線的組合。";
}
oname.onkeyup=function(){
count.style.visibility="visible";
name_length=getlength(this.value);
count.innerHTML=name_length+"多少個字符";
if(name_length==0){
count.style.visibility="hidden";
}
}
oname.onblur=function(){
//\w 字母，數(shù)字，下劃線
//\u4e00-\u9fa5中文字符
//含有非法字符，不能為空，長度超過25個字符
var re=/[^\w\u4e00-\u9fa5]/g;
if(re.test(this.value)){
name_span.innerHTML='含有非法字符';
}else if(this.value==""){
name_span.innerHTML='不能為空';
}else if(name_length>25){
name_span.innerHTML='超出25個了';
}else{
name_span.innerHTML='ok';
}
}
pwd.onfocus=function(){
pwd_span.style.display="block";
pwd_span.innerHTML=""+'6-16個字符不能單獨使用字母或者符號';
}
pwd.onkeyup=function(){
//大于5個字符中，大于10個強(qiáng)
if(this.value.length>5){
aem[1].style.color="blue";
pwd2.removeAttribute('disabled');
pwd2_span.innerHTML="請再輸入一次";
}else{
aem[1].style.color="black";
aem[0].style.color="purple";
pwd2.setAttribute('disabled','');
pwd2_span.innerHTML="不夠";
}
if(this.value.length<10){
aem[2].style.color="red";
}else{
aem[1].style.color="black";
aem[0].style.color="green";
pwd2.setAttribute('disabled','');
pwd2_span.innerHTML="超了";
}
}
pwd.onblur=function(){
var m=findStr(pwd.value,pwd.value[0]);
if(this.value==""){
pwd_span.innerHTML="斷碼不能為空";
}else if(m==this.value.length){
pwd_span.innerHTML="不能用相同";
}
}
pwd2.onfocus=function(){
}
pwd2.onkeyup=function(){
}
pwd2.onblur=function(){
}
};
//var re=/\w\u4e00-\u9fa5/g;
//用戶名
? ?
2015-10-10
pwd.onfocus=function()提示錯誤
2015-07-23
能否把css代碼發(fā)出來