摘要:下面我主要使用了小程序標簽的方法對輸入的值進行監聽,然后進行正則匹配。標簽微信小程序標簽自帶屬性,可以調起帶有小數點的數字鍵盤,屬性可以控制我們輸入字符的個數,然后我們給標簽綁定方法。
開篇廢話
在開發過程中經常遇到這樣的需求:用戶只能輸入數字并且只保留小數點兩位。雖然我們可以在提交表單的時候進行驗證,但是體驗不是很好。下面我主要使用了小程序input標簽的bindinput方法對輸入的值進行監聽,然后進行正則匹配。1. input標簽
微信小程序input標簽自帶type=digit屬性,可以調起帶有小數點的數字鍵盤,maxlength屬性可以控制我們輸入字符的個數,然后我們給input標簽綁定bindinput方法。
2. 綁定監聽事件
bindinput方法可以監聽到當前輸入框的值,類似于onchange事件,但不太一樣。通過e.detail.value可以獲取到input的值,return返回的字符串可以替換掉輸入的字符串。
3. 正則匹配匹配正則通過則返回所有字符,不通過則去掉最后一個不匹配的字符返回。
/*正則匹配*/ regInput(e){ if(/^(d?)+(.d{0,2})?$/.test(e.detail.value)){ return e.detail.value; }else { return e.detail.value.substring(0,e.detail.value.length-1); } }結束
這個正則表達式不是很完美,歡迎一起來優化。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/52888.html
摘要:下面我主要使用了小程序標簽的方法對輸入的值進行監聽,然后進行正則匹配。標簽微信小程序標簽自帶屬性,可以調起帶有小數點的數字鍵盤,屬性可以控制我們輸入字符的個數,然后我們給標簽綁定方法。 開篇廢話 在開發過程中經常遇到這樣的需求:用戶只能輸入數字并且只保留小數點兩位。雖然我們可以在提交表單的時候進行驗證,但是體驗不是很好。下面我主要使用了小程序input標簽的bindinput方法對輸入...
摘要:下面我主要使用了小程序標簽的方法對輸入的值進行監聽,然后進行正則匹配。標簽微信小程序標簽自帶屬性,可以調起帶有小數點的數字鍵盤,屬性可以控制我們輸入字符的個數,然后我們給標簽綁定方法。 開篇廢話 在開發過程中經常遇到這樣的需求:用戶只能輸入數字并且只保留小數點兩位。雖然我們可以在提交表單的時候進行驗證,但是體驗不是很好。下面我主要使用了小程序input標簽的bindinput方法對輸入...
摘要:最近微信小程序異常火爆,很多人在學習,下面帶著大家搭建下微信小程序的調試環境,并調試入門練手項目通訊錄和基礎即可微信推薦使用的語言,去菜鳥教程簡單學習下,,,即可,方便大家學習。 一、前言(坑爹的玩意) 項目源碼:https://github.com/saucxs/wx_... 微信小程序自從2017年,被各種看好,不過一段時間過去了還是反響平平,下半年隨著各項功能的開放,很多企業...
摘要:準備工作開發工具下載地址竟然隱藏在一個超鏈接里,真的很不醒目啊文檔地址初次體驗新建項目的時候,可以選擇是小程序小游戲,這次我體驗的是小程序的開發。可以配置小程序邊界的,如頂部的導航欄的一些樣式。 很早前就想體驗一把小程序的開發了,如果熟悉三大框架的話,小程序的開發還是很容易上手的,所以只要跟著做一個小應用,加上官方的文檔就十分好學了。加上官方提供的開發工具也比較簡潔好用,初次體驗的我覺...
閱讀 1309·2021-09-27 13:56
閱讀 2338·2019-08-26 10:35
閱讀 3497·2019-08-23 15:53
閱讀 1848·2019-08-23 14:42
閱讀 1233·2019-08-23 14:33
閱讀 3562·2019-08-23 12:36
閱讀 1947·2019-08-22 18:46
閱讀 996·2019-08-22 14:06