input type='number'的坑以及如何去除默認的上下箭頭

首先來說一下如何隱藏上下箭頭:

input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}

再來說一下這里碰到的坑租悄,為什么說坑呢?

當設(shè)置input 的 type 值為number 的時候恩袱,發(fā)現(xiàn)在大部分瀏覽器都不能輸入除數(shù)字以外的字符泣棋,比如漢字什么的,but在蘋果手機上確實能隨便你輸畔塔,最最重要的一點是潭辈,<b>雖然蘋果手機能輸入出數(shù)字以外的字符,但是它最后都會默認把這些非法字符清空了澈吨,一個空字符串把敢。</b>

這樣就會造成當你取值的時候取不到(這個還比較好,因為取不到的時候就該寫日志看一下為什么了)谅辣,還有一種比較坑的是修赞,當你直接用正則去驗證input的值的時候,驗證的不是很準確桑阶,為啥柏副?<b>因為對了就對了,錯了就置空給你去驗證蚣录,結(jié)果可想而知割择。</b>當時我驗證一個金錢,一直以為正則寫的不對萎河,改了N次正則表達式锨推,坑毀我了簡直= =!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市公壤,隨后出現(xiàn)的幾起案子换可,更是在濱河造成了極大的恐慌,老刑警劉巖厦幅,帶你破解...
    沈念sama閱讀 211,042評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件沾鳄,死亡現(xiàn)場離奇詭異,居然都是意外死亡确憨,警方通過查閱死者的電腦和手機译荞,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,996評論 2 384
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來休弃,“玉大人吞歼,你說我怎么就攤上這事∷” “怎么了篙骡?”我有些...
    開封第一講書人閱讀 156,674評論 0 345
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我糯俗,道長尿褪,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,340評論 1 283
  • 正文 為了忘掉前任得湘,我火速辦了婚禮杖玲,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘淘正。我一直安慰自己摆马,他們只是感情好,可當我...
    茶點故事閱讀 65,404評論 5 384
  • 文/花漫 我一把揭開白布鸿吆。 她就那樣靜靜地躺著囤采,像睡著了一般。 火紅的嫁衣襯著肌膚如雪伞剑。 梳的紋絲不亂的頭發(fā)上斑唬,一...
    開封第一講書人閱讀 49,749評論 1 289
  • 那天市埋,我揣著相機與錄音黎泣,去河邊找鬼。 笑死缤谎,一個胖子當著我的面吹牛抒倚,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播坷澡,決...
    沈念sama閱讀 38,902評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼托呕,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了频敛?” 一聲冷哼從身側(cè)響起项郊,我...
    開封第一講書人閱讀 37,662評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎斟赚,沒想到半個月后着降,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,110評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡拗军,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,451評論 2 325
  • 正文 我和宋清朗相戀三年任洞,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片发侵。...
    茶點故事閱讀 38,577評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡交掏,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出刃鳄,到底是詐尸還是另有隱情盅弛,我是刑警寧澤,帶...
    沈念sama閱讀 34,258評論 4 328
  • 正文 年R本政府宣布,位于F島的核電站熊尉,受9級特大地震影響罐柳,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜狰住,卻給世界環(huán)境...
    茶點故事閱讀 39,848評論 3 312
  • 文/蒙蒙 一张吉、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧催植,春花似錦肮蛹、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,726評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至稿辙,卻和暖如春昆码,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背邻储。 一陣腳步聲響...
    開封第一講書人閱讀 31,952評論 1 264
  • 我被黑心中介騙來泰國打工赋咽, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人吨娜。 一個月前我還...
    沈念sama閱讀 46,271評論 2 360
  • 正文 我出身青樓脓匿,卻偏偏與公主長得像,于是被迫代替她去往敵國和親宦赠。 傳聞我的和親對象是個殘疾皇子陪毡,可洞房花燭夜當晚...
    茶點故事閱讀 43,452評論 2 348

推薦閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn)勾扭,斷路器毡琉,智...
    卡卡羅2017閱讀 134,628評論 18 139
  • 轉(zhuǎn)自: JS正則表達式一條龍講解,從原理和語法到JS正則妙色、ES6正則擴展桅滋,最后再到正則實踐思路 溫馨提示:文章很長...
    前端渣渣閱讀 1,802評論 1 32
  • 初衷:看了很多視頻、文章燎斩,最后卻通通忘記了虱歪,別人的知識依舊是別人的,自己卻什么都沒獲得栅表。此系列文章旨在加深自己的印...
    DCbryant閱讀 3,993評論 0 20
  • 溫馨提示:文章很長很長找岖,保持耐心陨倡,必要時可以跳著看,當然用來查也是不錯的许布。 正則啊兴革,就像一座燈塔,當你在字符串的海...
    Stinson閱讀 4,318評論 2 82
  • 前一陣子偶然看了一個講吳清源的連載帖蜜唾,是對天涯一個有關(guān)圍棋史長貼的縮略杂曲,寫得很贊。我打算對這個長貼再縮略一次… 吳...
    如意羊故事坊閱讀 966評論 0 2