js注册验证提示!

<script>
var ifEmail =false;
var ifPassword;
function ainf() {
var txtEnun=document.getElementById("nam1");
if(txtEnun.value.length==0){
var txtprin=document.getElementById("spaninfo");
$$stin("spaninfo").innerHTML="*输入的Email为空!";
}else{
var hun=/s+/;
if(hun.test(txtEnun.value.trim())){
$$stin("spaninfo").innerHTML="*输入的数据不能有空字符串!";
}else{
var gunf=/^w+@w+.((cn)|(com)|(com.cn))$/;
if(gunf.test(txtEnun.value.trim())){
ifEmail=true;
$$stin("spaninfo").innerHTML="<img src='images/register_write_ok.gif'>";
}else{
$$stin("spaninfo").innerHTML="*输入的Email格式不对";
}
}
}
}
function suin(){
var txting=document.getElementById("nam2");
if(txting.value.length==0){
var txthun=document.getElementById("spaninfo1");
ifEmail=false;
$$stin("spaninfo1").innerHTML="*输入的用户名为空!";
}else{
var hun=/s+/;
if(hun.test(txting.value.trim())){
ifEmail=false;
$$stin("spaninfo1").innerHTML="*输入的数据不能有空字符串!";
}else{
$$stin("spaninfo1").innerHTML="<img src='images/register_write_ok.gif'>";

}
}
}
function hunfd(){
var txthunf=$$stin("nam3");
if(txthunf.value.length==0){
var txtnun=$$stin("spaninfo2");
ifEmail=false;
$$stin("spaninfo2").innerHTML="*输入的密码为空!";
}else{
var hun=/s+/;
if(hun.test(txthunf.value.trim())){
ifEmail=false;
$$stin("spaninfo2").innerHTML="*输入的数据不能为空字符串!";
}else{
ifPassword=$$stin("nam3").value;
var sas=/^d+$/;
if(sas.exec(ifPassword)){
ifEmail=false;
$$stin("spaninfo2").innerHTML="*不能为纯数字!";
}else{
$$stin("spaninfo2").innerHTML="<img src='images/register_write_ok.gif'>";
}
}
}
}
function hunfd1(){
var txthunf1=$$stin("nam4");
if(txthunf1.value.length==0){
ifEmail=false;
var txtnun1=$$stin("spaninfo3");
$$stin("spaninfo3").innerHTML="*输入的密码为空!";
}else{
if(ifPassword==txthunf1.value){

$$stin("spaninfo3").innerHTML="<img src='images/register_write_ok.gif'>";
ifEmail=true;

}else{
ifEmail=false;
$$stin("spaninfo3").innerHTML="*重复输入的不相同!";
}
}
}
function gunf(){
var fund=$$stin("nam5");
var fund1=$$stin("nam6");
}
var selectDefault="";
window.onload=function(){
selectDefault=$$stin("nam8").children[0];
}
function find(obj){
var selectValue=obj.value;
$$stin("nam8").options.length=0;
switch(selectValue){
case "1":
$$stin("nam8").appendChild(selectDefault);
break;
case "2":
var hunf=new Array("东城区","西城区", "宣武区", "崇文区" ,"石景山区" ,"朝阳区", "海淀区", "大兴区", "丰台区");
for(var i=0;i<hunf.length;i++){
var hun=hunf[i];

var createElement=document.createElement("option");
createElement.innerText=hun;
$$stin("nam8").appendChild(createElement);
}
break;
case "3":
var hunf1=new Array("宝山区","杨浦区","虹口区","闸北区","普陀区","长宁区","徐汇区","闵行区","静安区","卢湾区","黄浦区");
for(var i=0;i<hunf1.length;i++){
var hun1=hunf1[i];

var createElement1=document.createElement("option");
createElement1.innerHTML=hun1;
$$stin("nam8").appendChild(createElement1);
}
break
case "4":
break;
default :
break;
}
}
function $$stin(id){
return document.getElementById(id);
}
function checkAll(){
if(ifEmail==true){
return true;
}else{
return false;
}
}
</script>

<form name="form1">
Email地址:<input type="text" onblur="ainf()" id="nam1"/><span style="color: red" id="spaninfo"></span><br>
设置名称:<input type="text" onblur="suin()" id="nam2"/><span style="color: red" id="spaninfo1"></span> <br>
设置密码:<input type="text" onblur="hunfd()" id="nam3"/><span style="color: red" id="spaninfo2"></span><br>
再次输入密码:<input type="text" onblur="hunfd1()" id="nam4"/><span style="color: red" id="spaninfo3"></span><br>
性别:<input type="checkbox" id="nam5" onclick="gunf()" checked="checked"/>男 <input type="checkbox" onclick="gunf()" id="nam6"/>女<br>
所在地区:<select name="nam7" id="nam7" onclick="find(this);">
<option value="1">--请输入地区--</option>
<option value="2">北京</option>
<option value="3">上海</option>
</select>
<select name="nam8" id="nam8">
<option value="1">--请输入区域--</option>
</select><br>
<input type="submit" onclick="return checkAll()"/>
</form>

原文地址:https://www.cnblogs.com/kldsw/p/5554306.html