實現網頁中的搜尋輸入框效果 onfocuse onblur js 驗證手機號 座機區號

SieSteven發表於2015-03-24

  function cleartxt() {
            var value = document.getElementById("txtTest").value;
            if (value == "在這裡搜尋")  //聚焦時,如果文字框為初始值,則清空
                document.getElementById("txtTest").value = "";
        }
        function resettxt() {
            var value = document.getElementById("txtTest").value;
            if (value == "" || value == null)  //失焦時,如果文字框為空,則給初始值
                document.getElementById("txtTest").value = "在這裡搜尋";
        } 


<input type="text" name="passwordtwo" class="search" value="搜尋" onfocus="if(this.value=='搜尋') this.value='';this.style.color='#333'; return true;"

                                onblur="if(this.value=='') this.value='搜尋'; this.style.color='#999'; return true;"
                                id="srch1" style="color: rgb(153, 153, 153);">
                                <asp:TextBox ID="txtTest" runat="server"
                                    BorderStyle="Double" Width="223px" ForeColor="DimGray" value="在這裡搜尋" onfocus="cleartxt()"

                                    onblur="resettxt()"></asp:TextBox>




上邊是效果圖。其實需要提示的是電話號碼。不過要做成搜尋輸入框的效果。啊哈哈哈哈。網路就是好。。。


1、最新的電話號碼段:

移動:134(1349除外)135 136 137 138 139

147
150 151 152 157 158 159

182 183 184 187 188

聯通: 130 131 132 
155 156 
185 186 
145

電信:133 153 177 180 181 189

2、電話號碼正則:

固話:([0-9]{3,4}-)?[0-9]{7,8}

手機:^((\+?86)|(\(\+86\)))?(13[012356789][0-9]{8}|15[012356789][0-9]{8}|18[02356789][0-9]{8}|147[0-9]{8}|1349[0-9]{7})$

3、校驗函式

?
1
2
3
4
5
6
7
8
9
10
11
function checkTel(){
    var isPhone = /^([0-9]{3,4}-)?[0-9]{7,8}$/;
    var isMob=/^((\+?86)|(\(\+86\)))?(13[012356789][0-9]{8}|15[012356789][0-9]{8}|18[02356789][0-9]{8}|147[0-9]{8}|1349[0-9]{7})$/;
    var value=document.getElementById("ss").value.trim();
    if(isMob.test(value)||isPhone.test(value){
        returntrue;
    }
    else{
        returnfalse;
    }
    }


   電話號碼正規表示式(支援手機號碼,3-4位區號,7-8位直播號碼,1-4位分機號) ((\d{11})|^((\d{7,8})|(\d{4}|\d{3})-(\d{7,8})|(\d{4}|\d{3})-(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1})|(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1}))$) 

匹配格式: 
11位手機號碼 
3-4位區號,7-8位直播號碼,1-4位分機號 
如:12345678901、1234-12345678-1234 







"^\d+$"  //非負整數(正整數 + 0)  
"^[0-9]*[1-9][0-9]*$"  //正整數  
"^((-\d+)|(0+))$"  //非正整數(負整數 + 0)  
"^-[0-9]*[1-9][0-9]*$"  //負整數  
"^-?\d+$"    //整數  
"^\d+(\.\d+)?$"  //非負浮點數(正浮點數 + 0)  
"^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$"  //正浮點數  
"^((-\d+(\.\d+)?)|(0+(\.0+)?))$"  //非正浮點數(負浮點數 + 0)  
"^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$"  //負浮點 
數  
"^(-?\d+)(\.\d+)?$"  //浮點數  
"^[A-Za-z]+$"  //由26個英文字母組成的字串  
"^[A-Z]+$"  //由26個英文字母的大寫組成的字串  
"^[a-z]+$"  //由26個英文字母的小寫組成的字串  
"^[A-Za-z0-9]+$"  //由數字和26個英文字母組成的字串  
"^\w+$"  //由數字、26個英文字母或者下劃線組成的字串  
"^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$"    //email地址  
"^[a-zA-z]+://(\w+(-\w+)*)(\.(\w+(-\w+)*))*(\?\S*)?$"  //url  
/^13\d{9}$/gi手機號正規表示式


public static bool IsValidMobileNo(string MobileNo) 
  { 
   const string regPattern = @"^(130|131|132|133|134|135|136|137|138|139)\d{8}$"; 
   return Regex.IsMatch(MobileNo, regPattern); 
  }


正規表示式--驗證手機號碼:13[0-9]{9} 
實現手機號前帶86或是+86的情況:^((\+86)|(86))?(13)\d{9}$ 
電話號碼與手機號碼同時驗證:(^(\d{3,4}-)?\d{7,8})$|(13[0-9]{9})  
提取資訊中的網路連結:(h|H)(r|R)(e|E)(f|F)  *=  *('|")?(\w|\\|\/|\.)+('|"|  *|>)?   
提取資訊中的郵件地址:\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*   
提取資訊中的圖片連結:(s|S)(r|R)(c|C)  *=  *('|")?(\w|\\|\/|\.)+('|"|  *|>)? 
提取資訊中的IP地址:(\d+)\.(\d+)\.(\d+)\.(\d+)     
提取資訊中的中國手機號碼:(86)*0*13\d{9}     
提取資訊中的中國固定電話號碼:(\(\d{3,4}\)|\d{3,4}-|\s)?\d{8}     
提取資訊中的中國電話號碼(包括移動和固定電話):(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14}     
提取資訊中的中國郵政編碼:[1-9]{1}(\d+){5}     
提取資訊中的中國身份證號碼:\d{18}|\d{15}     
提取資訊中的整數:\d+     
提取資訊中的浮點數(即小數):(-?\d*)\.?\d+     
提取資訊中的任何數字  :(-?\d*)(\.\d+)?   
提取資訊中的中文字串:[\u4e00-\u9fa5]*     
提取資訊中的雙位元組字串  (漢字):[^\x00-\xff]* 

證電話區號的正規表示式:

(0[1-9]{2,3})


相關文章