본 글의 예시에서는 자바스크립트에서 텍스트 상자의 입력값 유형을 제한하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.
요구사항: 모든 텍스트 상자에는 숫자와 소수점만 입력할 수 있으며 기타 기호는 입력할 수 없습니다.
핵심은 제출할 때 판단하는 것이 아니라 사용자가 입력할 때 제한하고 싶다는 것입니다. 즉, 사용자가 텍스트 상자에 숫자나 소수점을 입력하면 정상적으로 입력할 수 있습니다. 문자, 텍스트 등 숫자가 아닌 문자는 상자가 응답하지 않고 입력한 문자를 표시하지 않습니다.
<html> <body> <script> var s = "<input type=\"text\" size=\"20\" " + "style=\"text-align:center\" " + "onkeydown=\"if(event.keyCode>57&&event.keyCode!=190) return false\" "+ //限制只能输入数字 "onblur=\"value=value.replace(/[^0-9\.]/g,'')\" " + //限制鼠标点击输入非数字 "onbeforepaste=\"clipboardData.setData(\"text\"," + //限制只能粘贴数字 "clipboardData.getData(\"text\").replace(/[^0-9\.]/g,''))\">"; document.write(s); </script> </body> </html>
이 기사가 모든 사람의 JavaScript 프로그래밍 설계에 도움이 되기를 바랍니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
