日期:2014-05-16  浏览次数:20323 次

求一个简单的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>&nbsp;<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+)*
正则表达式试一下
------解决方案--------------------
/*
用途: