實現網頁中的搜尋輸入框效果 onfocuse onblur js 驗證手機號 座機區號
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
147150 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){ return true ; } else { return false ; } } |
電話號碼正規表示式(支援手機號碼,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})
相關文章
- js驗證手機號碼JS
- php驗證手機號PHP
- 手機號碼驗證
- js中使用正則驗證手機號JS
- js驗證手機號碼的正規表示式JS
- TextField 輸入身份證號手機號銀行卡號格式化解決方案
- php與js方式驗證手機號碼和郵件地址的合法性,js驗證身份證號碼PHPJS
- jQuery手機號碼輸入提示jQuery
- js實現身份證號碼驗證JS
- oauth 實現手機號碼登入OAuth
- Flutter 輸入車牌號,驗證碼鍵盤效果Flutter
- js--手動實現一個常見的簡訊驗證碼輸入框JS
- antd4表單手機號驗證
- js實現手機網頁滑動JS網頁
- 驗證手機號碼格式的程式碼例項
- Java正規表示式——驗證手機號和電話號碼Java
- vue.js帳號,密碼,郵箱和移動手機號碼正則驗證Vue.js密碼
- Web 端 實現 app “輸入驗證碼 ”的效果WebAPP
- 手機號碼和電話號碼合法性驗證程式碼
- swift 郵箱、密碼、手機號、身份證驗證正則Swift密碼
- Java三網手機號實名認證介面、實名認證API呼叫JavaAPI
- jQuery如何用正規表示式驗證手機號、身份證號、中文名稱jQuery
- 關於谷歌賬號註冊手機號無法驗證的解決方法谷歌
- Java格式化手機號和身份證號,中間使用星號*隱藏Java
- uniapp手機號認證註冊的一個頁面APP
- Flutter 密碼輸入框 驗證碼輸入框Flutter密碼
- 手機號/郵箱 用*替代實現
- Android 完美實現手機號344格式化效果Android
- 聯通電信或者移動手機號碼區分驗證程式碼
- iOS使用UIDataDetectorType簡單驗證手機號、郵箱、網址iOSUI
- js實現element中可清空的輸入框(2)JS
- 表單驗證手機號碼格式例項程式碼
- 夢網科技--手機簡訊驗證碼實現
- Android仿滴滴出行驗證碼輸入框效果Android
- Flutter 驗證碼輸入框Flutter
- 一個容易犯錯的js手機號碼驗證正規表示式(推薦)JS
- excel表格怎麼把座機固話號碼全部刪除去掉,只要手機號碼。Excel
- 輸入資訊頁面js驗證,提示資訊JS