資訊專欄INFORMATION COLUMN
摘要：比如，用戶能夠同時輸入兩個小數點。本文章以此為大前提展開略淺的技巧。過程解析原始狀態說到校驗，第一個想到的就是用正則表達式。以微信小程序為例。獲取干凈的數據非空用過都說好最后，嘻嘻
應用場景
在編寫輸入金額的輸入組件input時，雖然能夠設置type為number，但卻不能夠自動檢驗用戶輸入的值是否符合金額的格式。比如，用戶能夠同時輸入兩個小數點。本文章以此為大前提展開略淺的技巧。
過程解析 原始狀態說到校驗，第一個想到的就是用正則表達式。以微信小程序為例。
DOM結構... ...JavaScript邏輯
...
numChange(e) {
// 修改單次金額
const NEXT = e.detail.value;
let currentValue = this.data.value;
const NEW_VALUE = this.numCheck(currentValue, NEXT);
this.setData({
value: NEW_VALUE || currentValue;
})
},
numCheck(prev, next) {
// 數據過濾
// 只保留兩位小數
if (next && !/^(([1-9]d*)|0)(.d{0,2}?)?$/.test(next)) {
if (next === ".") return "0.";
return prev;
}
return next;
}
...
獲取非空數據并且轉換數據類型
因為經過過濾后，返回的數據類型是字符串，在使用時，需要再轉換一下數據類型。
...
getPureMoney() {
// 獲取干凈的數據（非空）
const { value } = this.data;
const PARSE_VALUE = parseFloat(value);
return !isNaN(PARSE_VALUE) ? PARSE_VALUE : "";
},
...
用過都說好！
最后，嘻嘻！
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/105634.html
摘要：對象通過方法強制轉化為數字，通過方法強制轉換為字符串過濾數組中的所有假植中有一些假值過濾這些假值，可以使用構造函數來進行一次轉換雙位運算符可以使用雙位操作符來代替。雙否定位操作符的優勢在于它執行相同的操作運行速度更快。 JavaScript 小技巧 1.類型轉換 string -> number 32 * 1 // 32 abc * 1 // NaN nul...
摘要：事件的響應分區為三個階段捕獲目標冒泡階段。綁定的多個事件會被覆蓋，后者覆蓋前者。再用轉換成數值表示。如實際數量為，則展示為項目中使用過濾器做的處理可以抽取方法的，調整相關，可以獲取指定位數的縮寫。 CSS html5中a的download屬性 定義和用法download 屬性定義下載鏈接的地址或指定下載文件的名稱。文件名稱沒有限定值，瀏覽器會自動在文件名稱末尾添加該下載文件的后綴 (...
摘要：如何讓根據拆箱轉換，以及的隱式轉換，可以如下寫為什么計算機中所有的數據都是以二進制存儲的，所以在計算機計算時要把數據先轉換成二進制進行計算，然后把計算結果轉換成十進制。會存在精度丟失問題和的二進制都是以無線循環的小數的二進制的二進制 本想著記筆記里，但是筆記里沒有分類，還是以文章的形式，當個人總結吧，這一篇就當作JS基礎篇的記錄吧，有修改的和新增的持續更新～ 關于JS的一些小技巧 1:...
閱讀 1201·2023-04-26 02:42
閱讀 1642·2021-11-12 10:36
閱讀 1807·2021-10-25 09:47
閱讀 1276·2021-08-18 10:22
閱讀 1816·2019-08-30 15:52
閱讀 1225·2019-08-30 10:54
閱讀 2642·2019-08-29 18:46
閱讀 3506·2019-08-26 18:27
