JS实现字符处理
验证密码和确认密码是否相同，验证用户名格式。
在最后一个输入框失去焦点的时候验证是否所有的信息都写是上了。
<!DOCTYPE html>
<html><head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script type="text/javascript">
var cont = 0
var name = document.getElementById("name");
function getName(){
var name = document.getElementById("name").value;
if(name.length>=6 && name.length<=18){
for( var i=0; i<name.length;i++){
if(name.charAt(i)>="a" && name.charAt(i)<="z" ||name.charAt(i)>="A" && name.charAt(i)<="Z" ||name.charAt(i)=="_" || name.charAt(i)>=0 &&name.charAt(i)<=9){
cont++;
}else{
alert("请输入正确格式的用户名(只包含字母数字和_:)");
}
}
}else{
alert("请输入正确格式的用户名(只包含字母数字和_:)");
}
}
function conPass(){
var passWord = document.getElementById("passWord").value;
var repassWord = document.getElementById("repassWord").value;
if(repassWord== passWord){
cont++;
}else{
alert("确认密码不一致，请重新输入密码");
}
}
function nicheng(){
var rename = document.getElementById("rename").value;
rename = rename.replace(/h/gi,"*");
document.getElementById("rename").value = rename;
cont++;
}
function numOne(){
var str = document.getElementById("textOne").value;
document.getElementById("textSpan").innerHTML="字符个数是："+str.length+"个";
ocnt++;
if(cont!=5){
alert("请不全信息")；
}
}
</script>
用户名：<input type="text" id="name" onblur="getName()" />
密码：<input type="password" id="passWord" />
确认密码：<input type="password" id="repassWord" onblur="conPass()" />
昵称：<input type="text" id="rename" onkeyup="nicheng()"/>
备注：<textarea id="textOne"rows="3" cols="3" onkeyup="numOne()"></textarea><span id="textSpan"></span>
</body>
</html>