我正在使用輸入文本欄位僅輸入數字。我不能使用 input type="number" 因為我可能使用小數點或 (.) 字符
預期結果示例 *整數 *帶小數點的數字 *限制字母
如果可能，只允許使用十進制字符，其余的也將限制在特殊字符中。
感謝您的幫助：>
uj5u.com熱心網友回復：
HTML： 在屬性 step 中，您可以定義您的步驟，如.01。
<input type="number" required name="price" min="0" value="0" step="any">
Jqery： 如果您正在尋找一個只允許帶有可選 2 位小數的數字的正則運算式
HTML:
<input name="my_field" pattern="^\d*(\.\d{0,2})?$" />
JS / 查詢：
$(document).on('keydown', 'input[pattern]', function(e){
var input = $(this);
var oldVal = input.val();
var regex = new RegExp(input.attr('pattern'), 'g');
setTimeout(function(){
var newVal = input.val();
if(!regex.test(newVal)){
input.val(oldVal);
}
}, 1);
});
uj5u.com熱心網友回復：
使用 jquery 驗證很容易用于輸入
Enter Input try it. <br/>
<input type="text" onkeypress="return event.charCode >= 46 && event.charCode <= 57" onpaste="return false">uj5u.com熱心網友回復：
干得好。正則運算式檢查輸入，只允許數值和小數。如果條件檢查，則只取一位小數。
例子：
$(".decimal").on("input", function(evt) {
var txt = $(this).val();
txt = txt.replace(/[^0-9\.]/g, '');
if (txt.split('.').length > 2)
txt = txt.replace(/\. $/, "");
$(this).val(txt);
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" name="numeric" class='decimal'>轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/537250.html
上一篇：在Powershell的ping.exe路徑中使用變數
下一篇：設定從右到左的jQuery方向