Rekey's WebSpace

Just So So ...

Home Develop Life Music News 关于

常用正则表达式

作者：Rekey 发布时间：December 10, 2009 分类：Develop

正则表达式用于字符串处理、表单验证等场合，实用高效。现将一些常用的表达式收集于此，以备不时之需。

匹配中文字符的正则表达式： [\u4e00-\u9fa5]
评注：匹配中文还真是个头疼的事，有了这个表达式就好办了

匹配双字节字符(包括汉字在内)：[^\x00-\xff]
评注：可以用来计算字符串的长度（一个双字节字符长度计2，ASCII字符计1）

匹配空白行的正则表达式：\n\s*\r
评注：可以用来删除空白行

匹配HTML标记的正则表达式：<(\S*?)[^>]*>.*?</\1>|<.*? />
评注：网上流传的版本太糟糕，上面这个也仅仅能匹配部分，对于复杂的嵌套标记依旧无能为力

匹配首尾空白字符的正则表达式：^\s*|\s*$
评注：可以用来删除行首行尾的空白字符(包括空格、制表符、换页符等等)，非常有用的表达式

匹配Email地址的正则表达式：\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*
评注：表单验证时很实用

匹配网址URL的正则表达式：[a-zA-z]+://[^\s]*
评注：网上流传的版本功能很有限，上面这个基本可以满足需求

匹配帐号是否合法(字母开头，允许5-16字节，允许字母数字下划线)：^[a-zA-Z][a-zA-Z0-9_]{4,15}$
评注：表单验证时很实用

匹配国内电话号码：\d{3}-\d{8}|\d{4}-\d{7}
评注：匹配形式如 0511-4405222 或 021-87888822

匹配腾讯QQ号：[1-9][0-9]{4,}
评注：腾讯QQ号从10000开始

匹配中国邮政编码：[1-9]\d{5}(?!\d)
评注：中国邮政编码为6位数字

匹配身份证：\d{15}|\d{18}
评注：中国的身份证为15位或18位

匹配ip地址：\d+\.\d+\.\d+\.\d+
评注：提取ip地址时有用

匹配特定数字：
^[1-9]\d*$　 　 //匹配正整数
^-[1-9]\d*$ 　 //匹配负整数
^-?[1-9]\d*$　　 //匹配整数
^[1-9]\d*|0$　 //匹配非负整数（正整数 + 0）
^-[1-9]\d*|0$　　 //匹配非正整数（负整数 + 0）
^[1-9]\d*\.\d*|0\.\d*[1-9]\d*$　　 //匹配正浮点数
^-([1-9]\d*\.\d*|0\.\d*[1-9]\d*)$　 //匹配负浮点数
^-?([1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0)$　 //匹配浮点数
^[1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0$　　 //匹配非负浮点数（正浮点数 + 0）
^(-([1-9]\d*\.\d*|0\.\d*[1-9]\d*))|0?\.0+|0$　　//匹配非正浮点数（负浮点数 + 0）
评注：处理大量数据时有用，具体应用时注意修正

匹配特定字符串：
^[A-Za-z]+$　　//匹配由26个英文字母组成的字符串
^[A-Z]+$　　//匹配由26个英文字母的大写组成的字符串
^[a-z]+$　　//匹配由26个英文字母的小写组成的字符串
^[A-Za-z0-9]+$　　//匹配由数字和26个英文字母组成的字符串
^\w+$　　//匹配由数字、26个英文字母或者下划线组成的字符串
评注：最基本也是最常用的一些表达式

呃,无聊封装一个选项卡.

作者：Rekey 发布时间：October 30, 2009 分类：Develop

这潭死水快干了.随便更新个吧..
冰块,我快写完了,你竟然去睡觉了.鄙视你.

< !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" lang="UTF-8">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Untitled Document</title>
        <script type="text/javascript">
            /**
             * @author Rekey
             */
            var tab = function(data){
                this.data = data;
            }
            tab.prototype = {
                init:function(){
                    var $t = this;
                    var $d = this.data;
                    $d.t1 = $d.t1?$d.t1:'span';
                    $d.t2 = $d.t2?$d.t2:'ul';
                    $d.cur = $d.cur?$d.cur:'current';
                    $d.s = $d.s?$d.s:0;
                    $d.ts1 = document.getElementById($d.id).getElementsByTagName($d.t1);
                    $d.ts2 = document.getElementById($d.id).getElementsByTagName($d.t2)
                    $d.ts1[$d.s].className = $d.cur;
                    $d.ts2[$d.s].style.display = 'block';
                    for(var i = 0; i < $d.ts1.length; i++){
                        $d.ts1[i].onclick = (function(i,$d){
                            return function(){
                                $d.ts2[$d.s].style.display = 'none';
                                $d.ts1[$d.s].className = '';
                                $d.s = i;
                                this.className = $d.cur;
                                $d.ts2[i].style.display = 'block';
                            }
                        })(i,$d)
                    }
                }
            }
        </script>
        <style type="text/css">
            *{margin:0;padding:0;list-style:none}
            body{padding:10px;font-size:12px;}
            .tab{width:520px;background:#fff;margin-bottom:10px;}
            .tab span{float:left;height:20px;line-height:20px;width:78px;border:1px solid #aeaeae;border-bottom:none;margin:0 5px 0 0;text-align:center;cursor:pointer;}
            .tab span.current{position:relative;margin-bottom:-1px;background:#fff;height:21px;}
            .tab ul{clear:both;border:1px solid #aeaeae;padding:5px;display:none;}
        </style>
    </script></head>
    <body>
        <div id="tab" class="tab">
            <span>选项A</span>
            <span>选项B</span>
            <span>选项C</span>
            <span>选项D</span>
            <span>选项E</span>
            <span>选项F</span>
            <ul><li>切换吧切换吧a</li></ul>
            <ul><li>切换吧切换吧b</li></ul>
            <ul><li>切换吧切换吧C</li></ul>
            <ul><li>切换吧切换吧D</li></ul>
            <ul><li>切换吧切换吧E</li></ul>
            <ul><li>切换吧切换吧F</li></ul>
        </div>
        <div id="tab1" class="tab">
            <span>选项A</span>
            <span>选项B</span>
            <span>选项C</span>
            <span>选项D</span>
            <span>选项E</span>
            <span>选项F</span>
            <ul><li>切换吧切换吧a</li></ul>
            <ul><li>切换吧切换吧b</li></ul>
            <ul><li>切换吧切换吧C</li></ul>
            <ul><li>切换吧切换吧D</li></ul>
            <ul><li>切换吧切换吧E</li></ul>
            <ul><li>切换吧切换吧F</li></ul>
        </div>
        <script type="text/javascript">
            var tab1 = new tab({id:'tab',s:5});
            tab1.init()
            var tab = new tab({id:'tab1',s:5});
            tab.init()
        </script>
    </body>
</html>

js千分符正则[转自丸子的博客.保存下]

作者：Rekey 发布时间：September 18, 2009 分类：Develop

原来的部落挂掉了,这个千分符Demo也就不见了.最近JavaScript森林群里又有人问起了这个问题,哎,本来觉得没什么好写的,现在还是写下来省得有人问的时候又要再写一遍.如果你嫌弃小数中的千分符,那就把整数单独取出处理吧,这里只是给出一个实现的思路,并不是最好的!

js代码:

var $ = function(){
    return document.getElementById(arguments[0]);
}
function get(){
    var val = $('val').value;
    if (val != '' && !isNaN(val)) {
        re = /(\d{1,3})(?=(\d{3})+(?:$|\.))/g;
        n = val.replace(re, "$1,");
        alert(n);
    }
    else 
        alert('请输入数字');
}

javascript获取url参数

作者：Rekey 发布时间：September 10, 2009 分类：Develop

昨天加班到一定程度(半夜 - -!),无聊写的.

javascript代码:

function getUrl(){
    var arr = document.location.search.split('?')[1].split('&');
    var obj = {};
    for (var i = 0; i < arr.length; i++) {
        obj[arr[i].split('=')[0]] = arr[i].split('=')[1]
    }
    return obj;
}

json2string代码

作者：Rekey 发布时间：September 3, 2009 分类：Develop

今天跟javascript森林讨论关于json2string的问题.本来是想偷懒让别人写的.结果还是自己上了.orz啊.

  1. 用length来区分array和object有问题。
  2. 对数组的的解析，只考虑了一维，而且[{},{},{}]这种情况也没考虑

用length来区分array和object有问题。
用json instanceof Array解决了

额,第二个问题算解决了..第一个问题,明天继续google再修改下吧.

javascript代码:

function json2str(json){
    var arr = [];
    if(json instanceof Array && typeof(json) == 'object'){
        for(var i = 0 , len = json.length; i < len;i++){
            if(typeof(json[i]) == 'object'){
                arr.push(json2str(json[i]));
            }else{
                arr.push('"' + json[i] + '"')
            }
        }
    }else{
        for (i in json) {
            if (typeof(json[i]) == 'object') {
                if (!json[i].length) {
                    arr.push('"' + i + '":' + json2str(json[i]));
                }
                else {
                    var arr2 = [];
                    for (j in json[i]) {
                        if(typeof(json[i][j]) == 'object'){
                            arr2.push(json2str(json[i][j]))
                        }else{
                            arr2.push('"' + json[i][j] + '"')
                        }
                    }
                    arr.push('"' + i + '":[' + arr2.toString() + ']');
                }
            }
            if (typeof(json[i]) == 'string') {
                arr.push('"' + i + '":"' + json[i] + '"');
            }
        };
    }
    return '{'+arr.toString()+'}';
}
    2. 1
    3. 2
    4. 3