欢迎来到【一个大西瓜】的博客

不曾为梦想奋斗，拿什么去燃烧青春。有梦之人亦终将老去，但少年心气如昨。
太阳每一个时刻都同时是夕阳和朝阳,每天她沉入西边,意味着她同时从另一面土地升起。
扩大
缩小

正则--验证邮箱与手机号


<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script>
        //1、匹配test
        //2、提取exec
        //3、替换：字符串对象的replace
        //4、全局模式g:使用时表示匹配所有，不使用表示匹配第一个
        onload = function () {
            //匹配test
            document.getElementById('btnTest').onclick = function () {
                //构造正则表达式对象
                //var regExp = /^\d{6}$/;//邮政编码
                var regExp = /\w+@[a-z0-9]+\..+/;//电子邮箱
                //获取用户输入的值
                var txtMsg = document.getElementById('txtMsg').value;
                //进行匹配
                if (regExp.test(txtMsg)) {
                    alert('ok');//匹配成功返回True
                }
                else {
                    alert('no');//匹配失败返回false
                }
            };
            //提取exec
            document.getElementById('btnExec').onclick = function () {
                var str = '火车12306电信10000火警119哈哈';
                //g表示全局模式，如果不加表示提取第一个，加了表示提取所有
                var reg = /\d+/;
                //var result = reg.exec(str);//如果未匹配到结果，则返回null，如果匹配到结果，则返回匹配的值，类型是数组
                //使用全局模式时，结合循环来写
                while (true) {
                    var result = reg.exec(str);
                    if (result == null) {
                        break;
                    }
                }
            };
            //提取组exec
            document.getElementById('btnExecGroup').onclick = function () {
                var str = '火车12306电信10000火警119哈哈';
                var reg = /\d(\d)\d*/g;//使用()完成提取组的功能
                while (true) {
                    var result = reg.exec(str);
                    //提取组时，结果数组中的0元素表示本身，从1元素开始是与(匹配的内容
                    if (result == null) {
                        break;
                    }
                }
            };
            //替换：字符串对象的replace方法，将正则对象作为参数
            document.getElementById('btnReplace').onclick = function () {
                //如果使用全局模式g，表示匹配多个；如果不使用g表示只匹配第一个
                var reg = /\s+/g;
                var str = "  abc  ";
                document.getElementById('txtMsg').value = '1' + str.replace(reg, '') + '1';
            };
        };
    </script>
</head>
<body>
    <input type="text"id="txtMsg" />
    <input type="button" id="btnTest" value="匹配test" />
    <input type="button" id="btnExec" value="提取exec" />
    <input type="button" id="btnExecGroup" value="提取组exec" />
    <input type="button" id="btnReplace" value="去除空格" />
</body>
</html>

posted on 2016-11-09 13:54  一个大西瓜咚咚咚  阅读(330)  评论(0)  编辑  收藏  举报

导航