您可以使用以下方法來設置只能輸入數字的輸入:
<input type="number" name="quantity">
這將只允許用戶輸入數字類型的值。
<input type="text" id="numericInput">
const numericInput = document.getElementById('numericInput');
numericInput.addEventListener('keyup', function(event) {
const value = event.target.value;
event.target.value = value.replace(/[^0-9]/g, '');
});
這將在用戶輸入時,即時地將非數字字符替換為空字符串。
<input type="text" id="numericInput">
<div id="errorText"></div>
const numericInput = document.getElementById('numericInput');
const errorText = document.getElementById('errorText');
numericInput.addEventListener('keyup', function(event) {
const value = event.target.value;
if (!/^[0-9]*$/.test(value)) {
errorText.innerHTML = '只能輸入數字';
} else {
errorText.innerHTML = '';
}
});
這將在用戶輸入時,實時地驗證輸入內容是否為數字,并在必要時顯示錯誤提示信息。
請注意,這些方法僅在前端驗證用戶輸入的有效性,為了安全性和正確性,您還需要在后端進行數據驗證和處理。