JS表单验证 邮箱

2019独角兽企业重金招聘Python工程师标准>>>

<form action="" method="post">
    <input type="text" name="email" id="email" onblur="emai(this.value)" value="" onfocus="f()" />
    <span id="tisi">邮箱长度最多20位   </span>
    <span id="emailnull">不能为空！    </span>
    <span id="emailro">请输入正确的邮箱格式！</span>
    <span id="emailyes">正确！</span>
</form>

<script type="text/javascript">
           
            var email=document.getElementById('email');
            var emailnull=document.getElementById('emailnull');
            var emailro=document.getElementById('emailro');
            var emailyes=document.getElementById('emailyes');
             var tisi=document.getElementById('tisi');
            //alert(email.value)
            function f(){
            	 emailro.style.display='none';
                emailyes.style.display='none';
                emailnull.style.display='none';
                tisi.style.display='block';
            	
            }
            function emai(e){
            	 tisi.style.display='none';
                var ereg=/^(\w+)@(\w+)\.([a-zA-Z]){2,5}$/;
                var reg=ereg.test(e);
               
                if(e==""){
                     emailnull.style.display="block";
                }else if(reg){
                	
                     emailyes.style.display="block";
                }else{
                	
                     emailro.style.display="block";
                }
            }
        </script>

 

转载于:https://my.oschina.net/u/2958559/blog/785851