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>
最新文章
- Kooboo CMS - Html.FrontHtml.Position 详解
- 2015 "BestCoder Cup" Champion
- Two Sum & Add Two Numbers
- KMP串匹配算法解析与优化
- Java HashMap 如何正确遍历并删除元素
- PM加油站
- node to traverse cannot be null!
- 07-C语言流程控制if、switch
- 凡客副总裁崔晓琦离职 曾负责旗下V+商城项目_科技_腾讯网
- S老师 打飞机 学习
- OpenCV学习代码记录——Hough线段检测
- tensorflow2：tf.app.run()
- toLocaleTimeString()方法在IE和谷歌浏览器上 根据本地时间格式，把 Date 对象的时间部分(不含日期)转换为“时间字符串”存在区别
- toad调用存储过程，存储过程调用sql 类
- jquery实现简单瀑布流
- Windows安装和配置Tomcat
- ajax-C#
- LeetCode：组合总数III【216】
- 501. Find Mode in Binary Search Tree查找BST中的众数
- Phpstrom开发工具