JS代码:
<scripttype="text/javascript">
functioncheckemail(){
var temp =document.getElementByIdx_x_x("email");
var myreg=/^w+((-w+)|(.w+))*@[A-Za-z0-9]+((.|-)[A-Za-z0-9]+)*.[A-Za-z0-9]+$/;
if(temp.value!=""){
if(!myreg.test(temp.value)){
document.getElementByIdx_x_x("mail").innerHTML="请输入有效的email!";
document.getElementByIdx_x_x("mail").style.color="red";
temp.value="";
temp.focus();
returnfalse;
}else{
document.getElementByIdx_x_x("mail").innerHTML="email可以使用";
document.getElementByIdx_x_x("mail").style.color="green";
}
}
}
</script>
html如下:
这里我只写在body里面的代码:
<br>
邮箱地址:
<input id="email" name="email"onBlur="checkemail()" type="text" />
<spanid="mail"></span>
<br>
分析:
用过JS的人应该知道onBlur函数的作用吧,但是,我还是要说一下。意思是,只要用户的,鼠标焦点在文本框中移出时触发的一个事件。注意:这里重点在移出两个字的身上。
document.getElementByIdx_x_x("email");意思是:通过document对象去拿到id为email的对象,注意:id="email"其中,email在整个页面是唯一的。
var myreg=/^w+((-w+)|(.w+))*@[A-Za-z0-9]+((.|-)[A-Za-z0-9]+)*.[A-Za-z0-9]+$/是正值表达式。
if(){}这种语句,我就不需要在这里解释了,如果学过一点编程的人应该知道,if语句意思是:当满足if里面的表达式时,就执行括号里面的代码。如果,还不明白if的用法,还是请你多看看JAVA基础吧,那里面一定会讲到if的用法。
document.getElementByIdx_x_x("mail").innerHTML="请输入有效的email!";意思是:在id="mail"上添加,请输入有效的email!。在这里就是在<spanid="mail"></span>这个标签中添加文本信息。添加后这个标签应该是:
<spanid="mail">请输入有效的email!</span>
document.getElementByIdx_x_x("mail").style.color="red";意思是:把之前添加的文本信息(请输入有效的email!)设置字体的颜色为红色。
temp.value="";意思是把邮箱地址上的值给清空。
temp.focus();意思是邮箱地址重新获得焦点。
1./^$/这个是个通用的格式。
^匹配输入字符串的开始位置;$匹配输入字符串的结束位置
2.里面输入需要实现的功能。
*匹配前面的子表达式零次或多次;
+匹配前面的子表达式一次或多次;
?匹配前面的子表达式零次或一次;
d匹配一个数字字符,等价于[0-9]