求一个简单的js验证邮箱代码
求一个简单的js验证邮箱代码 js 或者jquery代码
------解决方案--------------------JS验证邮箱:
代码如下:
JS代码:
<script. type="text/javascript">
function checkemail()
{
var temp = document.getElementById("email");
var myreg = /(\S)+[@]{1}(\S)+[.]{1}(\w)+/;
if(temp.value!="")
{
if(!myreg.test(temp.value))
{
document.getElementById("mail").innerHTML="请输入有效的email!";
document.getElementById("mail").style.color="red";
temp.value="";
temp.focus();
return false;
}
else{
document.getElementById("mail").innerHTML="email可以使用";
document.getElementById("mail").style.color="green";
}
}
}
</script>
html如下:
这里我只写在body里面的代码:
邮箱地址:<input id="email" name="email" nBlur="checkemail()" type="text" /><span id="mail"></span> <br>
<br>
分析:
用过JS的人应该知道onBlur函数的作用吧,但是,我还是要说一下。意思是,只要用户的,鼠标焦点在文本框中移出时触发的一个事件。注意:这里重点在移出两个字的身上。
document.getElementById("email");意思是:通过document对象去拿到id为email的对象,注意:id="email"其中,email在整个页面是唯一的。
var myreg = /(\S)+[@]{1}(\S)+[.]{1}(\w)+/;其中/(\S)+[@]{1}(\S)+[.]{1}(\w)+/是正值表达式。
if(){}这种语句,我就不需要在这里解释了,如果学过一点编程的人应该知道,if语句意思是:当满足if里面的表达式时,就执行括号里面的代码。如果,还不明白if的用法,还是请你多看看JAVA基础吧,那里面一定会讲到if的用法。
document.getElementById("mail").innerHTML="请输入有效的email!";意思是:在id="mail"上添加,请输入有效的email!。在这里就是在<span id="mail"></span>这个标签中添加文本信息。添加后这个标签应该是:
<span id="mail">请输入有效的email!</span>
document.getElementById("mail").style.color="red";意思是:把之前添加的文本信息(请输入有效的email!)设置字体的颜色为红色。
temp.value="";意思是把邮箱地址上的值给清空。
temp.focus();意思是邮箱地址重新获得焦点。
------解决方案--------------------\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*
正则表达式试一下
------解决方案--------------------/*
用途: