正则表达式二 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>无标题页</title>
    <script type="text/javascript">
        window.onload = function() {

            var oInput = document.getElementById("button1");
            oInput.onclick = function() {
                var vName = document.getElementById("text1").value;
                //用户名可以是英文字母加数字和下划线组成,6-20位,不能以下划线开头不能以下滑线结尾
                var re_name = /^[a-zA-Z]{1}([\w]){4,18}([a-zA-Z]){1}$/i;
                var vPassword = document.getElementById("text2").value;
                //密码可以是英文字母加数字和下划线组成,6-20位,
                var re_password = /(\w){6,20}/;
                var vEmail = document.getElementById("text3").value;
                //验证邮箱  最简单匹配: a@a.com 或：a.a@a.com
                var re_email = /^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]+$/;

                var vDate = document.getElementById("text4").value;
                //验证日期 格式：mm/dd/yyyy 或 mm-dd-yyyy
                var re_date = /^\d{1,2}[\/-]\d{1,2}[\/-]\d{4}$/;

                var vTel = document.getElementById("text5").value;
                //验证手机号码 
                var re_tel = /^((13[0-9]{1})|159|153|186|188)+\d{8}$/;
                //或：
                var re_tel = /^(13+\d{9})|(159+\d{8})|(153+\d{8})|(186+\d{8})|(188+\d{8})$/;
                //对于区号的验证
                var phoneAreaNum = /^\d{3,4}$/;
                //对于电话号码的验证
                var phone = /^\d{7,8}$/;
                //正则去除字符串中的空格
                var s = "|   333 ddd   |";
                var re_trim = /\s+/g;
                //alert(s.replace(re_trim, ''));  // |333ddd|
                //返回匹配的项
                var s1 = " Ubantu  8.10  ";
                var re1 = /[\w]+\s+(\d+\.\d+)/;
                //alert(re1.exec(s1)[1]);    // 8.10
                var s2 = "234@abc";
                var re2 = /(\d){3}(@)/;
                alert(re2.exec(s2));       //数组：[234@,4,@]
                alert(s2.replace(re2, '$1'));  //4abc   $1对应第一个分组：(\d)
                alert(s2.replace(re2, '$2'));   //@abc  $2对应第二个分组：(@)
            }

        }
    
    </script>
</head>
<body>
用户名：<input type="text" id="text1" /></br>
密码：<input type="text" id="text2" /></br>
邮箱：<input type="text" id="text3" /></br>
日期：<input type="text" id="text4" /></br>
手机号码：<input type="text" id="text5" /></br>
<input type="button" id="button1" value="提交" />

</body>
</html>

 

posted @ 2013-07-08 16:29  zhangchun  阅读(237)  评论(0)    收藏  举报