HTML 입력 상자를 순수한 숫자로만 제한하는 방법
- 醉折花枝作酒筹앞으로
- 2021-04-25 09:19:543224검색
이 글에서는 HTML에서 입력 입력 상자를 순수 숫자로만 제한하는 방법을 소개합니다. 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.
onkeyup = "value=value.replace(/[^\d]/g,'')"
onkeyup 이벤트를 이용하여 버그가 있습니다. 즉, 중국어 입력기 상태에서 한자를 입력하고 엔터를 직접 누르면, 문자가 직접 입력됩니다onkeyup 事件，有 bug ，那就是在中文输入法状态下，输入汉字之后直接回车，会直接输入字母
onchange = "value=value.replace(/[^\d]/g,'')"
使用 onchange 事件，在输入内容后，只有 input 丧失焦点时才会得到结果，并不能在输入时就做出响应
oninput = "value=value.replace(/[^\d]/g,'')"
使用 oninput
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>input</title>
</head>
<body>
只能输入纯数字的输入框:<input type="text" name="" oninput="value=value.replace(/[^\d]/g,'')">
</body>
</html> onchange 이벤트를 사용하여 내용을 입력한 후 input이 포커스를 잃었을 때만 결과를 얻을 수 있으며 입력 중에는 응답할 수 없습니다rrreee
oninput 이벤트를 사용하면 위의 두 가지 문제가 완벽하게 해결되었으며 아직 테스트에서 다른 문제는 발생하지 않았습니다. 코드 샘플rrreee
추천 학습: 🎜html 비디오 튜토리얼🎜🎜위 내용은 HTML 입력 상자를 순수한 숫자로만 제한하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
이 기사는 csdn.net에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제