正则验证邮箱

  • 1,909
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>正则验证邮箱</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="description" content="布尔教育 http://www.itbool.com" />
    </head>
        <body>
            <pre>
                1:用户名只能字母及数字6-11位
                2:email为正确的email
            </pre>
            <form action="">
                <p>用户名:<input type="text" name="username" /></p>
                <p>邮箱:<input type="text" name="email" /></p>
                <p><input type='submit' value='提交'/></p>
            </form>
        </body>
        <script>
        document.getElementsByTagName('form')[0].onsubmit = function(){
            var patt =/^[a-zA-Z0-9]{6,11}$/ ;
            if(!patt.test(document.getElementsByName('username')[0].value)){
                alert('用户名由字母及数字6-11位');
                return false;
            }
            patt=/^\w+@\w+(\.\w+)+$/ ;
            if(!patt.test(document.getElementsByName('email')[0].value)){
                alert('请输入正确的email');
                return false;
            }
            
        }
        </script>
    </html>

 

weinxin
我的微信
这是我的微信扫一扫
开拓者博主
  • 本文由 发表于 2016年7月22日12:59:15
  • 转载请务必保留本文链接:https://www.150643.com/197.html
匿名

发表评论

匿名网友 填写信息