摘要:手機(jī)郵箱正則近兩年出來很多新號碼,聽說什么的都有了導(dǎo)致以前的正則不能用了這就很難過,總是過一段時(shí)間出一種新號碼。因此,我決定使用返樸歸真的手機(jī)正則。,然后制定的語法里,輸入框里有符號的時(shí)候,為空。
1.手機(jī)郵箱正則
近兩年出來很多新號碼,聽說199什么的都有了- -導(dǎo)致以前的正則不能用了....這就很難過,總是過一段時(shí)間出一種新號碼。因此,我決定使用返樸歸真的手機(jī)正則。
手機(jī)正則: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)
除此之外,作為一只程序狗,耿直的認(rèn)為輸入空格就是錯(cuò)誤的,但是產(chǎn)品和測試都說萬一用戶就輸入空格了,然后我報(bào)錯(cuò)了,但是肉眼看不到空格,用戶找不到錯(cuò)誤,體驗(yàn)就很差!哎,為了照顧那些手殘用戶,必須在正則判斷前用 trim()對字段做處理trim()、trim()、trim()、trim()、trim()~~~~~~
2.input輸入框輸入符合卻獲取不到問題
當(dāng)input輸入框設(shè)置成type為number的時(shí)候,程序狗的思維是,這種輸驗(yàn)證碼之類的輸入框不都應(yīng)該輸入數(shù)字嗎?BUT,測試妹子就喜歡輸入一堆符號+英文,別問我為什么能輸入,(因?yàn)樵诓蛔鱿拗频那闆r下,用中文輸入法,然后按回車鍵就可以輸入- -。),然后W3C制定的語法里,number輸入框里有符號的時(shí)候,value 為空。emmm,這個(gè)也別問為什么,我TM也很郁悶。最后導(dǎo)致,測試妹子輸入一堆符號后提交的時(shí)候提示,該字段不能為空,測試妹子就說了,我這明明不是空的,卻提示為空,這不符合常理。好....我改.....
首先試用tel的type,因?yàn)檫@個(gè)type可以讓安卓和IOS都調(diào)用數(shù)字鍵盤,然后給input框都加上限制只能輸入數(shù)字:
限制正整數(shù):
限制首位不為0的正整數(shù):
3.URL各種判斷返回頁面
案例:一個(gè)頁面,在不同的情況下點(diǎn)返回上一頁的時(shí)候進(jìn)入不同的頁面。
作為一個(gè)前端,我想到的最簡單的辦法就是在URL里加不同的參數(shù),然后獲取字段的值去判斷進(jìn)入哪個(gè)頁面。
方法一:正則分析法
復(fù)制代碼代碼如下:
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;
}
調(diào)用方法:
alert(GetQueryString("參數(shù)名1"));alert(GetQueryString("參數(shù)名2"));
alert(GetQueryString("參數(shù)名3"));
方法二
復(fù)制代碼代碼如下:
調(diào)用方法:
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/1592.html
摘要:文章來源引入計(jì)算屬性動(dòng)態(tài)內(nèi)容美化主頁,增加郵件輸入框在主頁中增加一個(gè)的,在這個(gè)組件中增加一個(gè)輸入框和一個(gè)按鈕。如果是這種方式,輸入框的值默認(rèn)一直都是,并且在控制器中不能使用屬性獲取值。 文章來源:引入計(jì)算屬性、action、動(dòng)態(tài)內(nèi)容 美化主頁,增加郵件輸入框 在主頁中增加一個(gè)Bootstrap的jumbotron,在這個(gè)jumbotron組件中增加一個(gè)input輸入框和一個(gè)button...
摘要:定義字符中文注音或字符的解釋或發(fā)音。表單域我們都知道標(biāo)簽用于為用戶輸入創(chuàng)建表單。在中表單域添加了兩個(gè)新的屬性規(guī)定是否啟用表單的自動(dòng)完成功能,默認(rèn)。通過屬性和表單域的可以將輸入表單綁定到表單域中。 showImg(http://ww1.sinaimg.cn/large/007kscFEgy1fxgnw4hajoj31400p0q4d.jpg); 1. 認(rèn)識HTML5 HTML5并不僅僅...
摘要:并總結(jié)經(jīng)典面試題集各種算法和插件前端視頻源碼資源于一身的文檔,優(yōu)化項(xiàng)目,在瀏覽器端的層面上提升速度,幫助初中級前端工程師快速搭建項(xiàng)目。 本文是關(guān)注微信小程序的開發(fā)和面試問題,由基礎(chǔ)到困難循序漸進(jìn),適合面試和開發(fā)小程序。并總結(jié)vue React html css js 經(jīng)典面試題 集各種算法和插件、前端視頻源碼資源于一身的文檔,優(yōu)化項(xiàng)目,在瀏覽器端的層面上提升速度,幫助初中級前端工程師快...
閱讀 769·2023-04-25 19:43
閱讀 4021·2021-11-30 14:52
閱讀 3855·2021-11-30 14:52
閱讀 3909·2021-11-29 11:00
閱讀 3838·2021-11-29 11:00
閱讀 3949·2021-11-29 11:00
閱讀 3613·2021-11-29 11:00
閱讀 6310·2021-11-29 11:00