HTML 텍스트 입력 필드에 숫자 입력만 허용하는 방법
JavaScript의 setInputFilter 기능을 활용하여 텍스트 입력 필드 내의 사용자 입력을 다음으로 제한할 수 있습니다. 숫자 및 소수점('.'):
function setInputFilter(textbox, inputFilter, errMsg) { ["input", "keydown", "keyup", "mousedown", "mouseup", "select", "contextmenu", "drop", "focusout"].forEach(function (event) { textbox.addEventListener(event, function (e) { if (inputFilter(this.value)) { if (["keydown", "mousedown", "focusout"].indexOf(e.type) >= 0) { this.classList.remove("input-error"); this.setCustomValidity(""); } this.oldValue = this.value; this.oldSelectionStart = this.selectionStart; this.oldSelectionEnd = this.selectionEnd; } else if (this.hasOwnProperty("oldValue")) { this.classList.add("input-error"); this.setCustomValidity(errMsg); this.reportValidity(); this.value = this.oldValue; this.setSelectionRange(this.oldSelectionStart, this.oldSelectionEnd); } else { this.value = ""; } }); }); }
숫자 입력을 강제하려면 다음을 사용하세요. 다음 필터:
setInputFilter(document.getElementById("myTextBox"), function (value) { return /^\d*\.?\d*$/.test(value); });
이 필터는 숫자, 소수점 또는 둘의 조합만 포함하는 문자열을 허용하는 정규식 ^d*.?d*$에 대해 입력을 검증합니다.
위 내용은 HTML 텍스트 입력을 숫자 값으로만 제한하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!