項目小結：手機郵箱正則，URL各種判斷返回頁面，input輸入框輸入符合卻獲取不到問題

番茄西紅柿發布于2019-04-23 13:13 / 886人閱讀

摘要：手機郵箱正則近兩年出來很多新號碼，聽說什么的都有了導致以前的正則不能用了這就很難過，總是過一段時間出一種新號碼。因此，我決定使用返樸歸真的手機正則。，然后制定的語法里，輸入框里有符號的時候，為空。

1.手機郵箱正則

近兩年出來很多新號碼，聽說199什么的都有了- -導致以前的正則不能用了....這就很難過，總是過一段時間出一種新號碼。因此，我決定使用返樸歸真的手機正則。

手機正則：var reg=/^1[0-9]d{9}$/;

郵箱正則：var mailReg = /^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(.[a-zA-Z0-9-]+)*.[a-zA-Z0-9]{2,6}$/;

使用方法：reg.test(e)

除此之外，作為一只程序狗，耿直的認為輸入空格就是錯誤的，但是產品和測試都說萬一用戶就輸入空格了，然后我報錯了，但是肉眼看不到空格，用戶找不到錯誤，體驗就很差！哎，為了照顧那些手殘用戶，必須在正則判斷前用 trim()對字段做處理trim()、trim()、trim()、trim()、trim()~~~~~~

2.input輸入框輸入符合卻獲取不到問題

當input輸入框設置成type為number的時候，程序狗的思維是，這種輸驗證碼之類的輸入框不都應該輸入數字嗎？BUT，測試妹子就喜歡輸入一堆符號+英文，別問我為什么能輸入，（因為在不做限制的情況下，用中文輸入法，然后按回車鍵就可以輸入- -。），然后W3C制定的語法里，number輸入框里有符號的時候，value 為空。emmm，這個也別問為什么，我TM也很郁悶。最后導致，測試妹子輸入一堆符號后提交的時候提示，該字段不能為空，測試妹子就說了，我這明明不是空的，卻提示為空，這不符合常理。好....我改.....

首先試用tel的type，因為這個type可以讓安卓和IOS都調用數字鍵盤，然后給input框都加上限制只能輸入數字：

限制正整數：

限制首位不為0的正整數：

3.URL各種判斷返回頁面

案例：一個頁面，在不同的情況下點返回上一頁的時候進入不同的頁面。

作為一個前端，我想到的最簡單的辦法就是在URL里加不同的參數，然后獲取字段的值去判斷進入哪個頁面。

方法一：正則分析法

復制代碼代碼如下:

function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}

調用方法：
alert(GetQueryString("參數名1"));alert(GetQueryString("參數名2"));
alert(GetQueryString("參數名3"));

方法二

復制代碼代碼如下:

調用方法：

GPU云服務器云服務器 js正則input輸入框 js獲取input輸入數據輸入框歷史記錄獲取手機文本輸入框設計

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/1592.html

引入計算屬性、action、動態內容

摘要：文章來源引入計算屬性動態內容美化主頁，增加郵件輸入框在主頁中增加一個的，在這個組件中增加一個輸入框和一個按鈕。如果是這種方式，輸入框的值默認一直都是，并且在控制器中不能使用屬性獲取值。文章來源：引入計算屬性、action、動態內容美化主頁，增加郵件輸入框在主頁中增加一個Bootstrap的jumbotron，在這個jumbotron組件中增加一個input輸入框和一個button...

Betta 2019-08-19 18:22 評論0 收藏0
HTML5 入門詳解

摘要：定義字符中文注音或字符的解釋或發音。表單域我們都知道標簽用于為用戶輸入創建表單。在中表單域添加了兩個新的屬性規定是否啟用表單的自動完成功能，默認。通過屬性和表單域的可以將輸入表單綁定到表單域中。 showImg(http://ww1.sinaimg.cn/large/007kscFEgy1fxgnw4hajoj31400p0q4d.jpg); 1. 認識HTML5 HTML5并不僅僅...

hqman 2019-08-26 13:25 評論0 收藏0
前端面試題總結（js、html、小程序、React、ES6、Vue、算法、全棧熱門視頻資源）

摘要：并總結經典面試題集各種算法和插件前端視頻源碼資源于一身的文檔，優化項目，在瀏覽器端的層面上提升速度，幫助初中級前端工程師快速搭建項目。本文是關注微信小程序的開發和面試問題，由基礎到困難循序漸進，適合面試和開發小程序。并總結vue React html css js 經典面試題集各種算法和插件、前端視頻源碼資源于一身的文檔，優化項目，在瀏覽器端的層面上提升速度，幫助初中級前端工程師快...

li21 2019-08-23 17:11 評論0 收藏0