숫자만 입력할 수 있고 숫자_javascript 기술의 크기를 제한하는 텍스트 상자를 구현하는 Node.js 메소드
- WBOY원래의
- 2016-05-16 15:44:191442검색
이 기사의 예에서는 js를 사용하여 숫자만 입력할 수 있고 숫자의 크기를 제한하는 텍스트 상자를 구현하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 세부 내용은 다음과 같습니다.
이것은 매우 개인화된 입력 상자 효과입니다. 텍스트 상자에서는 숫자만 입력할 수 있도록 규정되어 있습니다. 다른 문자를 입력하라고 하면 지정된 문자 형식을 입력하지 않으면 입력한 문자가 자동으로 사라지고, 거기에 입력 숫자의 크기에도 제한이 있습니다! 호환성을 보장하려면 Firefox를 사용하세요.
런닝 효과 스크린샷은 다음과 같습니다.
온라인 데모 주소는 다음과 같습니다.
http://demo.jb51.net/js/2015/js-input-limit-num-codes/
구체적인 코드는 다음과 같습니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>首页</title>
<style type="text/css">
html,body{margin:0; padding:20px;}
</style>
</head>
<body>
<input type="text" id="input" />
<script type="text/javascript">
var text = document.getElementById("input");
text.onkeyup = function(){
this.value=this.value.replace(/\D/g,'');
if(text.value>100){
text.value = 100;
}
}
</script>
</body>
</html>
이 기사가 모든 사람의 JavaScript 프로그래밍 설계에 도움이 되기를 바랍니다.
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.