HTML의 텍스트 입력에 글자 수 제한을 부과하는 방법은 무엇입니까? 최대 길이 거기HTML의 글자 수 한도
89
A
답변
127
2 개의 주요 솔루션이 있습니다
function limitText(limitField, limitNum) {
if (limitField.value.length > limitNum) {
limitField.value = limitField.value.substring(0, limitNum);
}
}
어쨌든,이 좋은 해결책이 아닙니다. 모든 클라이언트의 잘못된 HTML 구현에 적응할 수는 없지만이기려면 불가능한 싸움입니다. PHP/Python/어떤 스크립트를 사용하여 서버 측에서 확인하는 것이 훨씬 더 나은 이유입니다.
41
다른 사람이 말했듯이
<input type="text" name="textboxname" maxlength="100" />
5
는 "최대 길이"속성을 사용 때문이다.
텍스트 영역에 최대 문자 길이를 넣어야하는 경우 Javascript로 전환해야합니다. 여기를보십시오 : How to impose maxlength on textArea in HTML using JavaScript
11
위의 내용 외에도 클라이언트 쪽 유효성 검사 (HTML 코드, 자바 스크립트 등)가 충분하지 않다는 점을 지적하고 싶습니다. 또한 서버 측 길이를 확인하거나 전혀 확인하지 마십시오 (사람들이 주변을 둘러 볼 수 없도록하는 것이 중요하지 않은 경우이를 방지하기위한 조치를 실제로 취할만큼 중요하지 않습니다).
또한 친구 (또는 그녀)는 XHTML이 아니라 HTML을 말했습니다. ;)으로 < 입력 > 요소에 대해
1
는 최대 길이 속성이있다 :
<input type="text" id="Textbox" name="Textbox" maxlength="10" />
(그런데 것은, 유형, 그러나, 당신이 "텍스트"가 아닌 "텍스트 상자"다른 사람이 작성하는대로)입니다 < 텍스트 영역 >와 자바 스크립트를 사용합니다. 어쨌든 서버에서 길이를 점검해야합니다.
순수한 HTML 일 :
<input type="text" id="Textbox" name="Textbox" maxlength="10" />
자바 스크립트 하나 (A onKey 이벤트에 첨부) :
0
당신은
jQuery(document).ready(function($){ //fire on DOM ready
setformfieldsize(jQuery('#comment'), 50, 'charsremain')
})
관련 문제
- 1. 전자 메일 전체 - 글자 한도 문제
- 2. android editText 최대 한도
- 3. Authorize.net - "제품 이름 최대 글자 수 제한"을 늘리는 방법?
- 4. LaTeX의 한도 기호 오른쪽에 나타나는 한도
- 5. 2 글자 또는 3 글자 도메인?
- 6. jquery 한도
- 7. UITextField에 글자 수 제한을 넣는 방법
- 8. preg 기능의 최대 글자 수 제한은 무엇입니까?
- 9. Google 지오 코딩 한도
- 10. Subversion 저장소의 한도 크기
- 11. iphone uitableview 데이터 한도
- 12. 심볼릭 링크 한도 - Windows
- 13. jQuery 양식 및 한도
- 14. Magento 그리드 기본값 한도
- 15. 자바 스크립트 평가 한도
- 16. ActionScript 드레그 한도, 뒤로?
- 17. j2me 게시 데이터 한도
- 18. PHP 메모리 한도 디버깅
- 19. 그룹에서 최대 한도 선택
- 20. MaxReceivedMessageSize 한도 제한
- 21. 동시 다운로드 한도
- 22. gchartphp addDataSet() 최대 한도?
- 23. ASP.NET MVC : PathInfo 한도?
- 24. 공유 램프의 파일 한도
- 25. PhoneGap Javascript 한도?
- 26. 글자 조합 생성하기
- 27. SVN 255 글자 문제
- 28. 파이썬 2.7.1에서 글자 문자열을 3 글자 단어로 변환하는 방법
- 29. 글자 등급 기능
- 30. 글자 표시 길이 줄이기
최종 점검으로 서버를 점검하십시오. 그렇게 할 수 있으면 클라이언트 측 개선을 추가하십시오. 더 풍부한 사용자 경험을 제공합니다. – Rob
물론, 더 많은 작업이 있지만 확실히 갈 수있는 가장 좋은 방법입니다. –