2. 程式人生 > 其它 >input框限制輸入金額

input框限制輸入金額

阿新 • • 發佈：2022-03-05

HTML:

<input type="tel" class="capital mui-input-clear" value="0.00"> <div class="redbag_box4_son">￥0.00</div>

JS:

$(document).ready(function(){ // 限制文字框只能輸入數字和小數點 var precapital; document.querySelector('.capital').addEventListener('focus', function() { if (this.value == '0.00') {
this.value = ''; } else { this.value = this.value.replace(/\.00/, '').replace(/(\.\d)0/,'$1'); } precapital = this.value; }); document.querySelector('.capital').addEventListener('keyup', function() {
this.value = this.value.replace(/^[\.]/, '').replace(/[^\d.]/g, ''); if (this.value.split(".").length - 1 > 1) {
this.value = precapital; } precapital = this.value; }); document.querySelector('.capital').addEventListener('blur', function() { this.value = this.value.replace(/[\.]$/, ''); this.value = this.value.replace(/(.*)\.([\d]{2})(\d*)/g,'$1.$2'); this.value = Number(this.value).toFixed(2);
var logNum = this.value.toString(); if(logNum.match(/\./g) != null){ integerNum = parseInt(logNum).toString().replace(/\d(?=(\d{3})+$)/g,'$&,'); decimalNum = '.' + logNum.replace(/(.*)\.(.*)/g,'$2'); document.querySelector(".redbag_box4_son").innerHTML = '￥'+integerNum+decimalNum; }else{ document.querySelector(".redbag_box4_son").innerHTML = logNum.replace(/\d(?=(\d{3})+$)/g,'$&,'); } }); })

參考連結：https://www.cnblogs.com/kousuke/p/perfect-input-for-money.html

相關推薦

input框限制輸入金額

HTML: <input type=\"tel\" class=\"capital mui-input-clear\" value=\"0.00\"> <div class=\"redbag_box4_son\">￥0.00</div>

關於input框 限制輸入長度記錄一次

技術標籤：前端記錄javascripthtml 關於input框 限制輸入長度記錄一次 問題描述：input輸入框長度限制&非正則表示式

input 輸入框限制 輸入的數值型別

<html> <head> <script language=\"JavaScript\" > function onlyNumber(obj){ //得到第一個字元是否為負號

正則表示式解決input框固定輸入值得格式(金額,特殊字元)

在寫輸入用到input的時候，經常出現以下幾種情況： 只能輸入某。栗子：只能輸入數字，只能輸入字母（大寫，小寫）只能輸入某固定格式。栗子：只能輸入金額，只能輸入小數且最多保留2位不能輸入某。栗子：不能輸入特殊

input框限制只能輸入正整數、字母、小數、

  1，只能輸入正整數 <input onkeyup=\"if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,\'\')}else{this.value=this.value.replace(/\\D/g,\'\')}\" onafterpaste=\"if(this.value.length==

詳解elementUI中input框無法輸入的問題

最近發現別人專案中在輸入密碼的時候發現input框無法輸入進去 鍵盤都快敲壞了還是無法輸入

elementUI中input框無法輸入的問題

在Vue中，你可能經常遇到這個問題，資料明明已經變化，但是相應的檢視卻沒有更新。

VUE校驗input框結束輸入不能小於開始輸入

技術標籤：VUEjavascript VUE校驗input框結束輸入不能小於開始輸入 <el-form :model="form" size="small" :rules="rules" ref="form" label-width="150px"

InputNumber 數字輸入框限制輸入不為空，最大值最小值

技術標籤：前端vueAnt DesignAnt-Design-VueInputNumber數字輸入框parser最大值最小值 InputNumber 數字輸入框限制輸入不為空，最大值最小值

在HTML中限制input 輸入框只能輸入純數字

1.使用onkeyup事件，有bug，那就是在中文輸入法狀態下，輸入漢字之後直接回車，會直接輸入字母

input輸入框限制只能輸入數字和一個小數點

專案要求輸入框只能輸入數字和一個小數點，長度最多16位，小數點保留兩位小數

input搜尋框如何限制輸入字的左右距離

技術標籤：CSS前端 input搜尋如果不設定左右距離，效果是這樣的： input搜尋框限制輸入字的左右距離：

如何在HTML中限制input 輸入框只能輸入純數字

如何在HTML中限制input 輸入框只能輸入純數字 限制 input 輸入框只能輸入純數字1、onkeyup = \"value=value.replace(/[^\\d]/g,\'\')\"

Jquery 正則限制文字框只能輸入數字（整數、保留兩位小數、負數）

參考：https://www.cnblogs.com/En-summerGarden/p/10145295.html //只能輸入整數 function Integer(obj) {

Vue ElementUI實現:限制輸入框只能輸入正整數的問題

input輸入框中禁止輸入小數和負數（*只允許輸入正整數 *） 最近在做專案中碰見了這麼個問題，需要輸入數字，但是隻能輸入正整數，在網上找的沒找到自己想要的，所以就自己想了兩個辦法，在這裡跟大家分享一下。（因為

vue:el-input輸入時限制輸入的型別操作

通過@keyup.native的時間動態監控輸入的型別 1.手機號碼,只能是數字,如果輸入了非數字直接清空

控制input文字框只能輸入正整數

輸入大於0的正整數 程式碼如下: <input onkeyup=\"if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,\'\')}else{this.value=this.value.replace(/\\D/g,\'\')}\" onafterpaste=\"if(this.value

vue自定義指令限制輸入框輸入值的步驟與完整程式碼

需求 前端開發過程中，經常遇到表單校驗的需求，比如校驗使用者輸入框的內容，限制使用者只能輸入數字。

input框只允許輸入單價

<input type=\"text\" class=\"defaultInput smInput\" v-model=\"row.row.unitPrice\" @input=\"onlyPrice(row.$index)\" @change=\"alterRecord(row.row)\">

input框不能輸入問題

input框不能輸入問題 今天在寫程式設計登入頁面的時候遇到了一個問題：輸入框不能輸入!