话不多说  上代码

<html><head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>正则表达式速查表_脚本之家</title>

<style type="text/css">

html, body {

  margin:2px;

    font-family:Verdana, Geneva, sans-serif;

    font-size: 12px;;

}

table.wikitable {

  background: none repeat scroll 0 0 #F9F9F9;

  border: 1px solid #96B2D3;

  border-collapse: collapse;

  color: black;

}

.wikitable th, .wikitable td {

  border: 1px solid #96B2D3;

}

.wikitable tr:hover{ background:#EAF0F7;}

.wikitable td{ line-height:20px;padding: 5px 8px;}

.wikitable th {

  padding: 4px;

  font-weight:normal;

  background: none repeat scroll 0 0 #DBE5F1;

  text-align: center;

}

p {

  line-height: 1.5em;

  margin: 0.4em 0 0.5em;

}

.h2{ margin:0 auto; font-weight:normal; text-align:center; background:#4F81BD; color:#FFF; font-family:"黑体";padding:8px 0; font-size:37px; width:1200px;}

.regex {font-family:"Courier New";}

</style>

<link rel="stylesheet" type="text/css" href="wer.css">

</head>

<body><div id="BAIDU_DUP_fp_wrapper" style="position: absolute; left: -1px; bottom: -1px; z-index: 0; width: 0px; height: 0px; overflow: hidden; visibility: hidden; display: none;"><iframe id="BAIDU_DUP_fp_iframe" src="https://pos.baidu.com/wh/o.htm?ltr=" style="width: 0px; height: 0px; visibility: hidden; display: none;"></iframe></div>

<table width="1200" class="wikitable" align="center">

  <tbody>

    <tr>

      <th width="8%" style="font-size:14px">字符</th>

      <th width="92%" style="font-size:14px">描述</th>

    </tr>

    <tr>

      <th>\</th>

      <td>将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符。例如，“<code>n</code>"匹配字符"<code>n</code>"。"<code>\n</code>"匹配一个换行符。串行"<code>\\</code>"匹配"<code>\</code>"而"<code>\(</code>"则匹配"<code>(</code>"。</td>

    </tr>

    <tr>

      <th>^</th>

      <td>匹配输入字符串的开始位置。如果设置了RegExp对象的Multiline属性，^也匹配“<code>\n</code>"或"<code>\r</code>"之后的位置。</td>

    </tr>

    <tr>

      <th>$</th>

      <td>匹配输入字符串的结束位置。如果设置了RegExp对象的Multiline属性，$也匹配“<code>\n</code>"或"<code>\r</code>"之前的位置。</td>

    </tr>

    <tr>

      <th>*</th>

      <td>匹配前面的子表达式零次或多次。例如，zo*能匹配“<code>z</code>"以及"<code>zoo</code>"。*等价于{0,}。</td>

    </tr>

    <tr>

      <th>+</th>

      <td>匹配前面的子表达式一次或多次。例如，“<code>zo+</code>"能匹配"<code>zo</code>"以及"<code>zoo</code>"，但不能匹配"<code>z</code>"。+等价于{1,}。</td>

    </tr>

    <tr>

      <th>?</th>

      <td>匹配前面的子表达式零次或一次。例如，“<code>do(es)?</code>"可以匹配"<code>does</code>"或"<code>does</code>"中的"<code>do</code>"。?等价于{0,1}。</td>

    </tr>

    <tr>

      <th>{<span style="font-family:Times New Roman; font-style:italic;">n</span>}</th>

      <td><span style="font-family:Times New Roman; font-style:italic;">n</span>是一个非负整数。匹配确定的<span style="font-family:Times New Roman; font-style:italic;">n</span>次。例如，“<code>o{2}</code>"不能匹配"<code>Bob</code>"中的"<code>o</code>"，但是能匹配"<code>food</code>"中的两个o。</td>

    </tr>

    <tr>

      <th>{<span style="font-family:Times New Roman; font-style:italic;">n</span>,}</th>

      <td><span style="font-family:Times New Roman; font-style:italic;">n</span>是一个非负整数。至少匹配<span style="font-family:Times New Roman; font-style:italic;">n</span>次。例如，“<code>o{2,}</code>"不能匹配"<code>Bob</code>"中的"<code>o</code>"，但能匹配"<code>foooood</code>"中的所有o。"<code>o{1,}</code>"等价于"<code>o+</code>"。"<code>o{0,}</code>"则等价于"<code>o*</code>"。</td>

    </tr>

    <tr>

      <th>{<span style="font-family:Times New Roman; font-style:italic;">n</span>,<span style="font-family:Times New Roman; font-style:italic;">m</span>}</th>

      <td><span style="font-family:Times New Roman; font-style:italic;">m</span>和<span style="font-family:Times New Roman; font-style:italic;">n</span>均为非负整数，其中<span style="font-family:Times New Roman; font-style:italic;">n</span>&lt;=<span style="font-family:Times New Roman; font-style:italic;">m</span>。最少匹配<span style="font-family:Times New Roman; font-style:italic;">n</span>次且最多匹配<span style="font-family:Times New Roman; font-style:italic;">m</span>次。例如，“<code>o{1,3}</code>"将匹配"<code>fooooood</code>"中的前三个o。"<code>o{0,1}</code>"等价于"<code>o?</code>"。请注意在逗号和两个数之间不能有空格。</td>

    </tr>

    <tr>

      <th>?</th>

      <td>当该字符紧跟在任何一个其他限制符（*,+,?，{<span style="font-family:Times New Roman; font-style:italic;">n</span>}，{<span style="font-family:Times New Roman; font-style:italic;">n</span>,}，{<span style="font-family:Times New Roman; font-style:italic;">n</span>,<span style="font-family:Times New Roman; font-style:italic;">m</span>}）后面时，匹配模式是非贪婪的。非贪婪模式尽可能少的匹配所搜索的字符串，而默认的贪婪模式则尽可能多的匹配所搜索的字符串。例如，对于字符串“<code>oooo</code>"，"<code>o+?</code>"将匹配单个"<code>o</code>"，而"<code>o+</code>"将匹配所有"<code>o</code>"。</td>

    </tr>

    <tr>

      <th>.</th>

      <td>匹配除“<code>\</code><span style="font-family:Times New Roman; font-style:italic;"><code>n</code></span>"之外的任何单个字符。要匹配包括"<code>\</code><span style="font-family:Times New Roman; font-style:italic;"><code>n</code></span>"在内的任何字符，请使用像"<code>(.|\n)</code>"的模式。</td>

    </tr>

    <tr>

      <th>(pattern)</th>

      <td>匹配pattern并获取这一匹配。所获取的匹配可以从产生的Matches集合得到，在VBScript中使用SubMatches集合，在JScript中则使用$0…$9属性。要匹配圆括号字符，请使用“<code>\(</code>"或"<code>\)</code>"。</td>

    </tr>

    <tr>

      <th>(?:pattern)</th>

      <td>匹配pattern但不获取匹配结果，也就是说这是一个非获取匹配，不进行存储供以后使用。这在使用或字符“<code>(|)</code>"来组合一个模式的各个部分是很有用。例如"<code>industr(?:y|ies)</code>"就是一个比"<code>industry|industries</code>"更简略的表达式。</td>

    </tr>

    <tr>

      <th>(?=pattern)</th>

      <td>正向肯定预查，在任何匹配pattern的字符串开始处匹配查找字符串。这是一个非获取匹配，也就是说，该匹配不需要获取供以后使用。例如，“<code>Windows(?=95|98|NT|2000)</code>"能匹配"<code>Windows2000</code>"中的"<code>Windows</code>"，但不能匹配"<code>Windows3.1</code>"中的"<code>Windows</code>"。预查不消耗字符，也就是说，在一个匹配发生后，在最后一次匹配之后立即开始下一次匹配的搜索，而不是从包含预查的字符之后开始。</td>

    </tr>

    <tr>

      <th>(?!pattern)</th>

      <td>正向否定预查，在任何不匹配pattern的字符串开始处匹配查找字符串。这是一个非获取匹配，也就是说，该匹配不需要获取供以后使用。例如“<code>Windows(?!95|98|NT|2000)</code>"能匹配"<code>Windows3.1</code>"中的"<code>Windows</code>"，但不能匹配"<code>Windows2000</code>"中的"<code>Windows</code>"。预查不消耗字符，也就是说，在一个匹配发生后，在最后一次匹配之后立即开始下一次匹配的搜索，而不是从包含预查的字符之后开始</td>

    </tr>

    <tr>

      <th>(?&lt;=pattern)</th>

      <td>反向肯定预查，与正向肯定预查类拟，只是方向相反。例如，“<code>(?&lt;=95|98|NT|2000)Windows</code>"能匹配"<code>2000Windows</code>"中的"<code>Windows</code>"，但不能匹配"<code>3.1Windows</code>"中的"<code>Windows</code>"。</td>

    </tr>

    <tr>

      <th>(?&lt;!pattern)</th>

      <td>反向否定预查，与正向否定预查类拟，只是方向相反。例如“<code>(?&lt;!95|98|NT|2000)Windows</code>"能匹配"<code>3.1Windows</code>"中的"<code>Windows</code>"，但不能匹配"<code>2000Windows</code>"中的"<code>Windows</code>"。</td>

    </tr>

    <tr>

      <th>x|y</th>

      <td>匹配x或y。例如，“<code>z|food</code>"能匹配"<code>z</code>"或"<code>food</code>"。"<code>(z|f)ood</code>"则匹配"<code>zood</code>"或"<code>food</code>"。</td>

    </tr>

    <tr>

      <th>[xyz]</th>

      <td>字符集合。匹配所包含的任意一个字符。例如，“<code>[abc]</code>"可以匹配"<code>plain</code>"中的"<code>a</code>"。</td>

    </tr>

    <tr>

      <th>[^xyz]</th>

      <td>负值字符集合。匹配未包含的任意字符。例如，“<code>[^abc]</code>"可以匹配"<code>plain</code>"中的"<code>p</code>"。</td>

    </tr>

    <tr>

      <th>[a-z]</th>

      <td>字符范围。匹配指定范围内的任意字符。例如，“<code>[a-z]</code>"可以匹配"<code>a</code>"到"<code>z</code>"范围内的任意小写字母字符。</td>

    </tr>

    <tr>

      <th>[^a-z]</th>

      <td>负值字符范围。匹配任何不在指定范围内的任意字符。例如，“<code>[^a-z]</code>"可以匹配任何不在"<code>a</code>"到"<code>z</code>"范围内的任意字符。</td>

    </tr>

    <tr>

      <th>\b</th>

      <td>匹配一个单词边界，也就是指单词和空格间的位置。例如，“<code>er\b</code>"可以匹配"<code>never</code>"中的"<code>er</code>"，但不能匹配"<code>verb</code>"中的"<code>er</code>"。</td>

    </tr>

    <tr>

      <th>\B</th>

      <td>匹配非单词边界。“<code>er\B</code>"能匹配"<code>verb</code>"中的"<code>er</code>"，但不能匹配"<code>never</code>"中的"<code>er</code>"。</td>

    </tr>

    <tr>

      <th>\cx</th>

      <td>匹配由x指明的控制字符。例如，\cM匹配一个Control-M或回车符。x的值必须为A-Z或a-z之一。否则，将c视为一个原义的“<code>c</code>"字符。</td>

    </tr>

    <tr>

      <th>\d</th>

      <td>匹配一个数字字符。等价于[0-9]。</td>

    </tr>

    <tr>

      <th>\D</th>

      <td>匹配一个非数字字符。等价于[^0-9]。</td>

    </tr>

    <tr>

      <th>\f</th>

      <td>匹配一个换页符。等价于\x0c和\cL。</td>

    </tr>

    <tr>

      <th>\n</th>

      <td>匹配一个换行符。等价于\x0a和\cJ。</td>

    </tr>

    <tr>

      <th>\r</th>

      <td>匹配一个回车符。等价于\x0d和\cM。</td>

    </tr>

    <tr>

      <th>\s</th>

      <td>匹配任何空白字符，包括空格、制表符、换页符等等。等价于[ \f\n\r\t\v]。</td>

    </tr>

    <tr>

      <th>\S</th>

      <td>匹配任何非空白字符。等价于[^ \f\n\r\t\v]。</td>

    </tr>

    <tr>

      <th>\t</th>

      <td>匹配一个制表符。等价于\x09和\cI。</td>

    </tr>

    <tr>

      <th>\v</th>

      <td>匹配一个垂直制表符。等价于\x0b和\cK。</td>

    </tr>

    <tr>

      <th>\w</th>

      <td>匹配包括下划线的任何单词字符。等价于“<code>[A-Za-z0-9_]</code>"。</td>

    </tr>

    <tr>

      <th>\W</th>

      <td>匹配任何非单词字符。等价于“<code>[^A-Za-z0-9_]</code>"。</td>

    </tr>

    <tr>

      <th>\x<span style="font-family:Times New Roman; font-style:italic;">n</span></th>

      <td>匹配<span style="font-family:Times New Roman; font-style:italic;">n</span>，其中<span style="font-family:Times New Roman; font-style:italic;">n</span>为十六进制转义值。十六进制转义值必须为确定的两个数字长。例如，“<code>\x41</code>"匹配"<code>A</code>"。"<code>\x041</code>"则等价于"<code>\x04&amp;1</code>"。正则表达式中可以使用ASCII编码。.</td>

    </tr>

    <tr>

      <th>\<span style="font-family:Times New Roman; font-style:italic;">num</span></th>

      <td>匹配<span style="font-family:Times New Roman; font-style:italic;">num</span>，其中<span style="font-family:Times New Roman; font-style:italic;">num</span>是一个正整数。对所获取的匹配的引用。例如，“<code>(.)\1</code>"匹配两个连续的相同字符。</td>

    </tr>

    <tr>

      <th>\<span style="font-family:Times New Roman; font-style:italic;">n</span></th>

      <td>标识一个八进制转义值或一个向后引用。如果\<span style="font-family:Times New Roman; font-style:italic;">n</span>之前至少<span style="font-family:Times New Roman; font-style:italic;">n</span>个获取的子表达式，则<span style="font-family:Times New Roman; font-style:italic;">n</span>为向后引用。否则，如果<span style="font-family:Times New Roman; font-style:italic;">n</span>为八进制数字（0-7），则<span style="font-family:Times New Roman; font-style:italic;">n</span>为一个八进制转义值。</td>

    </tr>

    <tr>

      <th>\<span style="font-family:Times New Roman; font-style:italic;">nm</span></th>

      <td>标识一个八进制转义值或一个向后引用。如果\<span style="font-family:Times New Roman; font-style:italic;">nm</span>之前至少有<span style="font-family:Times New Roman; font-style:italic;">nm</span>个获得子表达式，则<span style="font-family:Times New Roman; font-style:italic;">nm</span>为向后引用。如果\<span style="font-family:Times New Roman; font-style:italic;">nm</span>之前至少有<span style="font-family:Times New Roman; font-style:italic;">n</span>个获取，则<span style="font-family:Times New Roman; font-style:italic;">n</span>为一个后跟文字<span style="font-family:Times New Roman; font-style:italic;">m</span>的向后引用。如果前面的条件都不满足，若<span style="font-family:Times New Roman; font-style:italic;">n</span>和<span style="font-family:Times New Roman; font-style:italic;">m</span>均为八进制数字（0-7），则\<span style="font-family:Times New Roman; font-style:italic;">nm</span>将匹配八进制转义值<span style="font-family:Times New Roman; font-style:italic;">nm</span>。</td>

    </tr>

    <tr>

      <th>\<span style="font-family:Times New Roman; font-style:italic;">nml</span></th>

      <td>如果<span style="font-family:Times New Roman; font-style:italic;">n</span>为八进制数字（0-3），且<span style="font-family:Times New Roman; font-style:italic;">m和l</span>均为八进制数字（0-7），则匹配八进制转义值<span style="font-family:Times New Roman; font-style:italic;">nm</span>l。</td>

    </tr>

    <tr>

      <th>\u<span style="font-family:Times New Roman; font-style:italic;">n</span></th>

      <td>匹配<span style="font-family:Times New Roman; font-style:italic;">n</span>，其中<span style="font-family:Times New Roman; font-style:italic;">n</span>是一个用四个十六进制数字表示的Unicode字符。例如，\u00A9匹配版权符号（©）。</td>

    </tr>

  </tbody>

</table>

<br>

<div class="h2">常用正则表达式</div>

<table class="wikitable" width="1200" align="center">

  <tbody><tr>

    <th width="8%">用户名</th>

    <td width="92%">/^[a-z0-9_-]{3,16}$/</td>

  </tr>

  <tr>

    <th scope="row">密码</th>

    <td>/^[a-z0-9_-]{6,18}$/</td>

  </tr>

  <tr>

    <th scope="row">密码2</th>

    <td><span class="regex">(?=^.{8,}$)(?=.*\d)(?=.*\W+)(?=.*[A-Z])(?=.*[a-z])(?!.*\n).*$</span> (由数字/大写字母/小写字母/标点符号组成，四种都必有，8位以上) </td>

  </tr>

  <tr>

    <th scope="row">十六进制值</th>

    <td>/^#?([a-f0-9]{6}|[a-f0-9]{3})$/</td>

  </tr>

  <tr>

    <th scope="row">电子邮箱</th>

    <td>/^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/<br>

  /^[a-z\d]+(\.[a-z\d]+)*@([\da-z](-[\da-z])?)+(\.{1,2}[a-z]+)+$/或<span class="regex">\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*</span></td>

  </tr>

  <tr>

    <th scope="row">URL</th>

    <td>/^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/ 或 <span class="regex">[a-zA-z]+://[^\s]*</span></td>

  </tr>

  <tr>

    <th scope="row">IP 地址</th>

    <td>/((2[0-4]\d|25[0-5]|[01]?\d\d?)\.){3}(2[0-4]\d|25[0-5]|[01]?\d\d?)/<br>

    /^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/ 或 <span class="regex">((2[0-4]\d|25[0-5]|[01]?\d\d?)\.){3}(2[0-4]\d|25[0-5]|[01]?\d\d?)</span></td>

  </tr>

  <tr>

    <th scope="row">HTML 标签</th>

    <td>/^&lt;([a-z]+)([^&lt;]+)*(?:&gt;(.*)&lt;\/\1&gt;|\s+\/&gt;)$/或<span class="regex">&lt;(.*)(.*)&gt;.*&lt;\/\1&gt;|&lt;(.*) \/&gt;</span></td>

  </tr>

  <tr>

    <th scope="row">删除代码\\注释</th>

    <td>(?&lt;!http:|\S)//.*$</td>

  </tr>

<!--  <tr>

    <th scope="row">&nbsp;</th>

    <td>&nbsp;</td>

  </tr>-->

  <tr>

    <th scope="row">匹配双字节字符(包括汉字在内)</th>

    <td>[^\x00-\xff]</td>

  </tr>

  <tr>

    <th scope="row">汉字(字符)</th>

    <td>[\u4e00-\u9fa5]</td>

  </tr>

  <tr>

    <th scope="row">Unicode编码中的汉字范围</th>

    <td>/^[\u2E80-\u9FFF]+$/</td>

  </tr>

  <tr>

    <th scope="row">中文及全角标点符号(字符)</th>

    <td>[\u3000-\u301e\ufe10-\ufe19\ufe30-\ufe44\ufe50-\ufe6b\uff01-\uffee]</td>

  </tr>

  <tr>

    <th scope="row">日期(年-月-日)</th>

    <td>(\d{4}|\d{2})-((0?([1-9]))|(1[1|2]))-((0?[1-9])|([12]([1-9]))|(3[0|1]))</td>

  </tr>

  <tr>

    <th scope="row">日期(月/日/年)</th>

    <td>((0?[1-9]{1})|(1[1|2]))/(0?[1-9]|([12][1-9])|(3[0|1]))/(\d{4}|\d{2})</td>

  </tr>

  <tr>

    <th scope="row">时间(小时:分钟, 24小时制)</th>

    <td>((1|0?)[0-9]|2[0-3]):([0-5][0-9])</td>

  </tr>

  <tr>

    <th scope="row">中国大陆固定电话号码</th>

    <td>(\d{4}-|\d{3}-)?(\d{8}|\d{7})</td>

  </tr>

  <tr>

    <th scope="row">中国大陆手机号码

    </th><td>1\d{10}</td>

  </tr>

  <tr>

    <th scope="row">中国大陆邮政编码

    </th><td>[1-9]\d{5}</td>

  </tr>

  <tr>

    <th scope="row">中国大陆身份证号(15位或18位)

    </th><td>\d{15}(\d\d[0-9xX])?</td>

  </tr>

  <tr>

   <th scope="row">非负整数(正整数或零)

    </th><td>\d+</td>

  </tr>

  <tr>

    <th scope="row">正整数

    </th><td>[0-9]*[1-9][0-9]*</td>

  </tr>

  <tr>

   <th scope="row">负整数

    </th><td>-[0-9]*[1-9][0-9]*</td>

  </tr>

  <tr>

    <th scope="row">整数

    </th><td>-?\d+</td>

  </tr>

  <tr>

    <th scope="row">小数

    </th><td>(-?\d+)(\.\d+)?</td>

  </tr>

  <tr>

    <th scope="row">空白行</th>

    <td>\n\s*\r 或者 \n\n(editplus) 或者 ^[\s\S ]*\n&nbsp;<br></td>

  </tr>

  <tr>

    <th scope="row"><span class="regex">QQ号码</span></th>

    <td><span class="regex">[1-9]\d{4,}</span></td>

  </tr>

  <tr>

    <th scope="row">不包含abc的单词</th>

    <td><span class="regex">\b((?!abc)\w)+\b</span></td>

  </tr>

  <tr>

    <th scope="row">匹配首尾空白字符</th>

    <td>^\s*|\s*$</td>

  </tr>

  <tr>

    <th scope="row">编辑常用</th>

    <td><div>以下是针对特殊中文的一些替换(editplus)</div>

      <div><br>

      </div>

      <div>^[0-9].*\n&nbsp;</div>

      <div><br>

      </div>

      <div>^[^第].*\n&nbsp;</div>

      <div><br>

      </div>

      <div>^[习题].*\n</div>

      <div><br>

      </div>

      <div>^[\s\S ]*\n&nbsp;</div>

      <div>^[0-9]*\.&nbsp;</div>

      <div>^[\s\S ]*\n&nbsp;</div>

      <div>&lt;p[^&lt;&gt;*]&gt;</div>

      <div>href="javascript:if\(confirm\('(.*?)'\)\)window\.location='(.*?)'"</div>

      <div>&lt;span style=".[^"]*rgb\(255,255,255\)"&gt;.[^&lt;&gt;]*&lt;/span&gt;<br>

          <br>

    &lt;DIV class=xs0&gt;[\s\S]*?&lt;/DIV&gt;</div></td>

  </tr>

</tbody></table>

</body></html>
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,ul,li{margin:;padding:; font-size:12px}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,iframe{display:block;}

html{font-size: 13px;_font-size: 12px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}

html, button, input, select, textarea{font-family:'Microsoft Yahei','simsun', "arial", "sans-serif"; _font-family:"arial",'simsun','Microsoft Yahei', "sans-serif";}

button, input, select, textarea{font-size: 100%;}

body{color: #333;line-height: 1.5; text-align:center;}

h1{ font-size:18px; text-align:center; line-height:32px;}

a{color: #338de6;text-decoration: none;}

a:focus{outline: thin dotted;outline:none;}

a:active, a:hover{outline:;}

a:hover{text-decoration: underline;}

ul, ol, li{list-style: none;}

img{border:;-ms-interpolation-mode: bicubic;}

.fl{float: left; display:inline-block;}

.fr{float: right !important;display:inline-block;}

.auto{ margin-left:auto; margin-right:auto;}

.YaHei{font-family: 'Microsoft YaHei';}

.autohide{ display:none !important;}

.pr{ position:relative;}

.pa{ position:absolute;}

.clear{ clear:both;}

.clearfix:after{content:".";display:block;height:;clear:both;visibility:hidden;}

.clearfix{*+height:1%;}

.main{ width:1200px; margin-left:auto;margin-right:auto; background:#fff; height:auto; text-align:left;}

.tdbone,.tdbone:hover{ text-decoration:none;}

.fwnone{ font-weight:normal;}

.fb{ font-weight:bold;}

.fz12{ font-size:13px !important; _font-size:12px !important;}

.fz14{ font-size:14px;}

.fz16{ font-size:16px;}

.fz18{ font-size:18px;}

.fz22{ font-size:22px;}

.fz24{ font-size:24px !important;}

.wid100{ width:100%;}

.w820{ width:820px;}

.pad0{ padding:0px !important;}

.pa5{ padding:5px;}

.pa5-10{ padding:5px 10px;}

.plr20{ padding-left:20px; padding-right:20px;}

.plr10{ padding-left:10px; padding-right:10px;}

.plr5{ padding-left:5px; padding-right:5px;}

.ptb2{padding-top:2px; padding-bottom:2px;}

.ptb5{padding-top:5px; padding-bottom:5px;}

.ptb10{ padding-top:10px !important; padding-bottom:10px !important;}

.ptb15{ padding-top:15px; padding-bottom:15px;}

.ptb20{ padding-top:30px; padding-bottom:30px;}

.pt2{ padding-top:2px;}

.pt5{ padding-top:5px;}

.pt10{ padding-top:10px;}

.pt15{ padding-top:15px;}

.pt20{ padding-top:20px;}

.pt30{ padding-top:30px;}

.pr5{ padding-right:5px;}

.pr10{ padding-right:10px;}

.pr15{ padding-right:15px;}

.pr20{ padding-right:20px;}

.pr40{ padding-right:40px;}

.pb5{ padding-bottom:5px;}

.pb10{ padding-bottom:10px !important;}

.pb20{ padding-bottom:20px;}

.pb50{ padding-bottom:50px;}

.pl0{ padding-left:0px !important;}

.pl5{ padding-left:5px;}

.pl10{ padding-left:10px !important;}

.pl15{ padding-left:15px;}

.pl20{ padding-left:20px !important;}

.pl25{ padding-left:25px !important;}

.pl110{ padding-left:110px;}

.pl130{ padding-left:130px;}

.ma0{ margin:0px !important; *margin:;}

.mt3{ margin-top:3px;}

.mtb10{ margin-top:10px;margin-bottom:10px;}

.mt5{ margin-top:5px !important;}

.mt10{ margin-top:10px !important;}

.mt12{ margin-top:12px !important;}

.mt20{ margin-top:20px;}

.mr10{ margin-right:10px;}

.mr15{ margin-right:15px;}

.mr20{ margin-right:20px;}

.mb5{ margin-bottom:5px;}

.mb10{ margin-bottom:10px;}

.mb20{ margin-bottom:20px;}

.ml5{ margin-left:5px;}

.ml10{ margin-left:10px;}

.ml15{ margin-left:15px;}

.ml20{ margin-left:20px;}

.ml25{ margin-left:25px;}

.borb1s06{ border-bottom:1px solid #f4f4f4;}

.borr1s{ border-right:1px solid #eeeeee;}

.menu{position: relative;z-index:;z-index:;overflow: hidden;min-width: 1000px; width:100%;min-width:1000px; height: 40px;font-family: 'Microsoft YaHei';}

.menuul{width:1200px; margin-left:auto;margin-right:auto;height:auto;}

.menu .menu-bg,.menu .menu-bg-top .menu-content-box ul li.dt,.menu .menu-bg-top .menu-content-box ul li.dd{-webkit-transition: .3s;transition: .3s;}

.menu-hover{overflow: visible;}

.menu .menu-bg{position:relative;width: 100%; min-width:1000px;height: 230px; background: rgba(30, 91, 151, .75); background:url(navbarbg.png) repeat;}

.menu .menu-bg-top{height: 40px;border-top: 1px solid #5895d5;border-bottom: 1px solid #1d5997;background: #0081c2;}

.menu .menu-bg-top .menu-content-box{position: absolute;top:;left:;width: 100%;}

.menu .menu-bg-top .menu-content-box ul{position: relative;float: left;}

.menu .menu-bg-top .menu-content-box ul li{ width:198px;}

.menu .menu-bg-top .menu-content-box ul li.dt{height: 40px;line-height: 40px;font-size: 14px;text-align: center;cursor: pointer; border-left:1px solid #2f87c1; border-right:1px solid #2f87c1;}

.menu .menu-bg-top .menu-content-box ul:hover .dt,.active{border-color: #3381d1;background: #55a7e3;}

.menu .menu-bg-top .menu-content-box ul:hover .dd{background: #184f8b;border-color: #184f8b;}

.menu a,.menu a:link,.menu a:visited,.menu a:hover,.menu a:active{text-decoration: none;cursor: pointer;color: #f5f5f5;}

.tools_intro{ width:1160px; *width:1200px; margin-left:auto;margin-right:auto; background:#fff; height:auto;padding:10px 20px 30px 20px; min-height:70px;border: 1px solid #e3e3e3;/*box-shadow: inset 0 1px 1px rgba(0,0,0,.05);*/}

.tools_intro h4{ height:30px; line-height:30px; padding-bottom:10px;font-size: 16px;font-family: "Microsoft YaHei";display: inline-block;font-weight: normal;color: #0474c8 !important;float: left;}

.tools_intro .toolsCont{color:#747d87 !important;}

.tools_intro .toolsCont p.tacHead{ font-size:14px; color:#773E3E;font-family: 'Microsoft YaHei'; padding:10px 0px;}

.tools_intro .toolsCont p{ line-height:28px; color:#777777; /*text-indent:28px;*/}

.tools_intro .toolsCont p strong{ color:#5b5b5b; padding:0px 3px;font-family: 'Microsoft YaHei'; font-size:14px;}

.sitelist{ margin:;}

.sitelist li{ width:359px; padding:10px 20px; height:166px; display:inline}

.sitelist li p.flist{ width:358px; height:145px; overflow:hidden;}

.sitelist li p.flist a{ display:inline-block; width:50%; float:left; height:30px; line-height:30px; color:#999999; text-align:left; font-size:13px;}

.footlist{ height:180px; overflow:hidden;}

.footerBox{ width:1200px; /*height:166px; */position:relative;}

.footerline{ width:1px; height:166px; background-color:#fff; position:absolute; right:0px; bottom:;}

.footerFull{ width:1200px; overflow:hidden;}

.footlist h5{padding-bottom: 5px;font-size: 14px;font-weight: normal;color: #0474c8 !important;}

.footer{width:24%; height:43px;}

.footer a{ display:block; float:left; height:43px; line-height:40px; padding:0px 10px; position:relative; color:#56688a; border-top:3px solid #fff; border-right:1px solid #f4f4f4; text-align:center; font-size:13px;}

.footer a:hover,.footer .ToCurt{ text-decoration:none; background-color:#ffffff; border-top:3px solid #0474c8; color:#0474c8;}

.footer a i.Fline{ width:100%; height:1px; position:absolute; bottom:0px; left:; display:block;}

.f_bottom{ width:100%; min-width:1000px;margin-top: 20px !important;}

.foot_bottom{ min-height:40px; padding:20px 0px;}

.foot_bottom p{ text-align:center; font-size:12px; line-height:12px;}

.foot_bottom p.linkbtn{ padding-bottom:10px; color:#999999; padding-top:5px;}

.foot_bottom p.linkbtn a{ color:#999999; display:inline-block; padding:0px 10px;}

.foot_bottom p.linkbtn a:hover{color:#0474c8;}

.foot_bottom p.info{ color:#c0c1c4;}

.foot_bottom p.info span{ display:inline-block; padding-right:10px; color:#c0c1c4;}

.new_fea{line-height:43px;padding-right:10px;}

.new_fea a{padding:0 5px; color: #0474c8;}

.tabs-wrap{ margin:0px auto; background:#fff; height:36px;_height:37px; padding-top:10px;background:url(../images/nBarbg.png) #fff left bottom repeat-x;width:1200px;}

.tabs-wrap a{ display:inline-block; float:left; padding:0px 20px; _padding:0px 15px; line-height:33px; height:33px;

cursor:pointer; color:#0474c8;border-width:2px 1px 0px 1px;border-color:#fff;border-style:solid;}

.tabs-wrap a{border-color:#fff;}

.tabs-wrap a:hover{ text-decoration:none; color:#56688a;}

.tabs-wrap a.CHeadcur{ padding:0px 20px;_padding:0px 15px; line-height:33px; height:33px; color:#56688a; text-decoration:none;border-top:2px solid #56688a;border-left:1px solid #c6cede;border-right:1px solid #c6cede;border-bottom:1px solid #fff;_border-bottom:2px solid #fff;}

.tabs-wrap a:hover{ color:#56688a;}

#tab{position:relative;}

#tab .tabList ul li{

  float:left;

  background:#fefefe;

  background:-moz-linear-gradient(top, #fefefe, #ededed);

  background:-o-linear-gradient(left top,left bottom, from(#fefefe), to(#ededed));

  background:-webkit-gradient(linear,left top,left bottom, from(#fefefe), to(#ededed));

  border:1px solid #ccc;

  padding:5px 0;

  width:235px;

  text-align:center;

  margin-left:-1px;

  position:relative;

  cursor:pointer;

}

#tab .tabCon{

  position:absolute;

  left:-1px;

  top:32px;

  border:1px solid #ccc;

  border-top:none;

  width:707px;

  height:1740px;

}

#tab .tabCon div{

  padding:10px;

  position:absolute;

  opacity:;

  filter:alpha(opacity=0);

}

#tab .tabList li.cur{

  border-bottom:none;

  background:#fff;

}

#tab .tabCon div.cur{

  opacity:;

  filter:alpha(opacity=100);

}

.tongji{ display:none;}

.toolsbut{ background:#0474c8; border:none; color:#FFFFFF; padding:2px 3px;border-radius: 3px; cursor:pointer; font-size:12px; vertical-align:middle;width:auto;overflow:visible;}

.form-control {

/*padding:2px;*/

font-size: 13px;

line-height: 1.628571429;

color: #555555;

vertical-align: middle;

background-color: #ffffff;

border: 1px solid #cccccc;

border-radius: 4px;

-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 

}

.form-control:focus {

border-color: #66afe9;

outline:;

-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);

box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);

} 

.form-control::-webkit-scrollbar-track

{

  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

  background-color: #F5F5F5;

  border-radius: 10px;

}

.form-control::-webkit-scrollbar

{

  width: 10px;

  background-color: #F5F5F5;

}

.form-control::-webkit-scrollbar-thumb

{

  background-color: #c9c8c8;

  border-radius: 10px;

  background-image: -webkit-linear-gradient(90deg,

                        transparent 75%,

                        transparent)

}

JS正则之---HTML版的更多相关文章

  1. JS正则密码复杂度校验之：JS正则匹配半角英文符号

    概述 在JS密码校验中常常会遇到密码强度的校验需求,借用一位朋友提问的图,他在工作中遇到的一个比较经典的密码强度校验要求: 这个需求有两个难点,一,是如何使用正则匹配所有半角英文标点符号,二,是如何验 ...

  2. JS正则密码复杂度校验之：至少有多种字符中的其中几种

    概述 续接上文的密码校验要求: 这个需求有两个难点,一,是如何使用正则匹配所有半角英文标点符号,二,是如何验证密码段中在要求的四种(大写字母,小写字母,数字,标点符号)类型中至少存在三种. 第一个难点 ...

  3. js正则

    JS正则 test:判断字符串是否符合规定的正则 rep = /\d+/; rep.test("asdfoiklfasdf89asdfasdf") # true rep = /^\ ...

  4. js正则匹配的一个日常应用

    应用实例 1 /** 将段落中的 \n 转换为 <p></p>, 规范存储 */ 2 function formatParagraphForStore(val) { 3 var ...

  5. jS正则和WEB框架Django的入门

    JS正则 -test 判断字符串是否符合规定的正则表达式 -exec 获取匹配的数据 test的例子: 从上述的例子我们可以看出,如果rep.test匹配到了就返回true,否则返回false exe ...

  6. js正则实现二代身份证号码验证详解

    js正则实现二代身份证号码验证详解 根据[中华人民共和国国家标准 GB 11643-1999]中有关公民身份号码的规定,公民身份号码是特征组合码,由十七位数字本体码和一位数字校验码组成.排列顺序从左至 ...

  7. js 正则 以字母开头必须有 大小写字母数字组成 可以有“@"或 ”.“

    js  正则  以字母开头必须有 大小写字母数字组成 可以有“@"或 ”.“ var reg = /^[a-zA-Z]{1}(?=.*[a-z])(?=.*[A-Z])[a-zA-Z\d_@ ...

  8. 手机号码js正则验证

    手机号码js正则验证 var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/; if (!myreg.test($(" ...

  9. js正则标志/g /i /m的用法，以及实例

    js正则标志/g /i /m的用法,以及实例   正则的思想都是一样的,但是具体的写法会有所不同,在这里提到的/g,/i,/m在其他的地方也许就不能用了. 一,js正则标志/g,/i,/m说明 1,/ ...

随机推荐

  1. $message的问题

    项目中出现$message的问题: 拉取数据成功后 this.$message.success("数据拉取成功")点击拉取第一次不出现,但是代码执行了,后来多次点击就出现了 原因: ...

  2. python进程间的通信

    from multiprocessing import Queue, Process import time, random # 要写入的数据 list1 = ["java", & ...

  3. wps技巧

    1.页面颜色设置页面布局->背景 2.图片等比例缩放按住shift 3.想任意挪动图片 设置为文字环绕型 4.word由分节符构成.可以看左下角节的显示.一个页可以划分多节.页总数<=节总 ...

  4. Nginx-rtmp点播之complex handshake

    1. 点播的配置 假设配置文件 nginx.conf 中对 rtmp 配置如下: # 创建的子进程数 worker_processes 1; #error_log logs/error.log; er ...

  5. layui中从内置的分页中获取总记录数（转）

    封装的工具类: https://blog.csdn.net/QYHuiiQ/article/details/82147537

  6. ［转］java常量池理解总结

    一.相关概念 什么是常量用final修饰的成员变量表示常量,值一旦给定就无法改变!final修饰的变量有三种:静态变量.实例变量和局部变量,分别表示三种类型的常量. Class文件中的常量池在Clas ...

  7. jstack+jdb命令查看线程及死锁堆栈信息

    如果程序挂死,有时使用jstack查看进程中线程信息时,需要添加上-F参数,此时如果有死锁信息,则可能不会打印出死锁堆栈信息,使用jdb则可以查看当前死锁线程的运行堆栈. 如下模拟一个简单的死锁程序 ...

  8. leetcode-hard-array-41. First Missing Positive-NO

    mycode class Solution(object): def firstMissingPositive(self, nums): """ :type nums: ...

  9. 原来项目更换svn地址

    近期公司由于旧地址装修,临时更换办公地址:同时相应的网络地址也更换了.我们开发项目的svn地址根目录也得改变.所以怎么解决呢? 1.找到项目根文件夹: 右键:

  10. 1、WebSphere Application Server的下载以及安装

    最近在做农行相关的项目,我们的后台需要发布到农行WebSphere Application Server上,因此学习一下: 一.WebSphere 是什么? WebSphere 为 SOA (面向服务 ...