允許用戶在小數點前輸入最多4個字符，小數點後輸入2個數字

Question

我有一個固定小數點的文本框 - 「0.00」。

當用戶從上一個文本框中跳出時，它應該到達該文本框的開頭，用戶可以在小數點前輸入最多4個字符，小數點後只能輸入字符。

我曾嘗試下面的東西 -

1）嘗試使用正則表達式 - ^\ d {2}（\ d {2}）使用數據註釋，但沒有工作，因爲它不是$在MVC？限制頁面中的字符。所以我想去Javascript解決方案。在JS我已經使用

2） -

在主要上行事件我用下面的代碼 -

if (loadDecimal > 0 && loadAmount.length > loadDecimal + 1) { 
     $(this).val($(this).val().toString().substring(0, loadDecimal + 3)); 
    } 

作用怪異way.It讓我進入第一個字符，然後控件走到最後，然後它允許我在2位小數後添加字符。但是，輸入數字後會被刪除。

讓我知道是否有任何解決方案。

在此先感謝！

Answer 1

您可以定期<input type="number">使用本地min，max和step屬性：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input id="numeric-input" type="number" min="0" max="9999" step="0.01">