iT邦幫忙

3

【感謝費100$】請問如何寫html只能純數字過長自動換行+自動去掉尾數0的number textarea?

  • 分享至 

  • xImage

請問如何寫html只能純數字過長自動換行+自動去掉尾數0的number textarea?
目前用input number type只能一行,假設寬度只能100,大數量很多數字會被吃掉
想要多的數字跨行並且去掉尾數為0的如

123456789.234000

希望變成

123456
6789.2
34

vue 的 data 取值還是能取得 123456789.234000 而不是 123456\n789.2\n34

看更多先前的討論...收起先前的討論...
input 事件加上送出前處理?
froce iT邦大師 1 級 ‧ 2023-11-14 14:41:24 檢舉
要移除0這很容易,但斷行...
input這元素本來就不是拿來這樣用的,斷行你要用原本的input去做應該是沒辦法,應該得自己用其他的如 textarea 去做組件。

另外這樣的UI設計很反直覺...
如果你真的有這樣大的數字輸入需求,建議就是留足夠的空間去給input元素使用。
小MIS iT邦研究生 1 級 ‧ 2023-11-14 21:10:00 檢舉
是,但欄位沒辦法刪除,寬度又固定 (手機界面
李大瑋 iT邦好手 1 級 ‧ 2023-11-15 09:26:07 檢舉
小MIS真不錯
說到做到馬上匯款
不過一百兩我要寫簽呈給老婆
還要遵奉老婆大人的核可
只能心理上給于支持
實際上......還需努力
對於樓主的行為,只能說讚了,說到做到,很棒
PIZZ iT邦新手 2 級 ‧ 2023-11-15 13:19:21
【**此則訊息已被站方移除**】
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
11
海綿寶寶
iT邦大神 1 級 ‧ 2023-11-14 15:32:45
最佳解答

要換列又不要存\n
試試soft合不合用
wrap="soft"

https://ithelp.ithome.com.tw/upload/images/20231114/20001787hodCuZlCNU.png

看更多先前的回應...收起先前的回應...
小MIS iT邦研究生 1 級 ‧ 2023-11-14 16:58:05 檢舉

您好,海大,請問方便發付款方式嗎?

綠界付款連結,請安心使用

小MIS iT邦研究生 1 級 ‧ 2023-11-14 21:09:14 檢舉

謝謝您,訂單編號 Order number 2311142105195349
已轉賬,還請確認下

確認收款無誤
https://ithelp.ithome.com.tw/upload/images/20231114/20001787UW9LULJI6d.png

咖咖拉 iT邦好手 1 級 ‧ 2023-11-15 09:00:08 檢舉

原來有綠界可以用XD

原來有綠界可以用XD

hung19091 iT邦新手 5 級 ‧ 2023-11-15 15:33:02 檢舉

以後搞不好就會有IT邦賞金獵人了

2
咖咖拉
iT邦好手 1 級 ‧ 2023-11-14 14:18:59

前陣子剛好寫得類似的 這方式只能取小術後幾位

var R = 123456.123456789


(R * 100).toFixed(2);// 12345612.35
R.toFixed(2);// 123456.12

移除小數後的0


function removeTrailingZeros(numberString) {
  return parseFloat(numberString).toString();
}
console.log(removeTrailingZeros("123456789.234000")); //  "123456789.234"
console.log(removeTrailingZeros("123456789.224000")); //  "123456789.224"
console.log(removeTrailingZeros("23456789.2255000")); //  "23456789.2255"

小MIS iT邦研究生 1 級 ‧ 2023-11-14 16:58:59 檢舉

謝謝您

2
allenlwh
iT邦高手 1 級 ‧ 2023-11-14 14:24:54

可搭配JavaScript使用

<script>
        /* this function is called when we
              click on the submit button*/
        function numberValidation() {
            event.preventDefault();
            let n = document.form.numbers.value;
 
            if (isNaN(n)) {
                document.getElementById("numberText")
                    .innerHTML = "Please enter Numeric value";
                return false;
            } else {
                document.getElementById("numberText")
                    .innerHTML = "Numeric value is: " + n;
                return true;
            }
        }
    </script>

請參閱 Number validation in JavaScript

小MIS iT邦研究生 1 級 ‧ 2023-11-14 21:10:58 檢舉

謝謝您

3
一級屠豬士
iT邦大師 1 級 ‧ 2023-11-14 16:47:55

總有一天,後世子孫只會叫AI寫程式,然後抄到這篇,產生一個
神奇的輸入元件,然後又被另一個AI抄去....
最後就神奇讓天網之類的系統啟動,文明終結.

看更多先前的回應...收起先前的回應...

想太多, 我們根本還沒從 Matrix 中覺醒哩...
/images/emoticon/emoticon77.gif

他愛上你了

froce iT邦大師 1 級 ‧ 2023-11-14 22:11:30 檢舉

想太多,抄到這輸入元件只會導致天網直接當機吧...

hsfncu iT邦新手 5 級 ‧ 2023-11-15 07:03:47 檢舉

html只是排版工具,無法進行任何資料處理,要處理需要靠程式語言,例如javascript或其他

天網只會說:「呸」

我要發表回答

立即登入回答