사용자가 문자열을 전통적인 html 입력 필드 (type = "text")에 입력합니다. 예를 들어 입력 내용이 '2013/13/29'라고 가정 해 보겠습니다. 유효성 검사시 RegEx는 13이 유효하지 않음을 결정합니다. 나는 "13"의 배경색이 빨간색이되고 다른 모든 문자의 배경색이 녹색이되기를 바란다. 이 작업을 HTML로 수행 할 수 있습니까? 아마도 입력 태그 내부에서 스팬 (span)을 사용했을 것입니다.입력 텍스트 필드의 선택 문자 배경색 변경
3
A
답변
3
간단히 대답하면 입력 태그 안에 스팬을 추가 할 수 없습니다. jqueryUI datetimepicker를 사용하면 많은 시간을 절약 할 수 있습니다. http://jqueryui.com/datepicker/
+0
현재 jQueryUI에서 datetime picker를 사용하고 있습니다. 그러나 나는 또한 좌표 입력을 위해이 개념을 사용하기 위해 들여 쓰기도했다. 나는 어떤 문자가 잘못되었거나 무효인지를 시각적으로 찾는 방법을 찾고 있었다. 즉, 배경색, 글꼴 색 등을 바꿀 수 있습니다. 위젯의 다른 유형을 사용하여이 작업을 수행 할 수 있습니까? –
+1
jquery를 사용하여 간단하게 필드 유효성 검사를 수행하고 스타일을 변경할 수도 있습니다. –
관련 문제
- 1. 텍스트 필드의 배경색 변경 확인
- 2. 브라우저 필드의 배경색 변경
- 3. 비활성화 된 입력 필드의 배경색 변경
- 4. 입력 된 값에 따라 텍스트 필드의 배경색 변경
- 5. 포커스 변경 텍스트 필드의 강조 색상 선택
- 6. 텍스트 필드의 비활성화 배경색 설정
- 7. 배경색 변경 선택
- 8. 입력 필드의 문자 잠금 방법
- 9. 변경 HTML 양식 입력 필드의 텍스트 크기
- 10. 기본 브라우저 스타일을 변경하지 않고 텍스트 입력 필드의 배경색 편집
- 11. Eclipse에서 배경색 텍스트 변경
- 12. 입력 필드의 이름 변경
- 13. iphone webView에서 텍스트 강조 (텍스트 배경색 변경)
- 14. 쿠키를 추가하여 배경색 변경 입력
- 15. 선택 상자 옵션의 배경색 변경
- 16. 선택한 드롭 다운 필드의 배경색 변경
- 17. 이벤트 입력 문자 변경
- 18. Crystal Reports - 텍스트 필드의 HTML - 배경색
- 19. jQuery를 변경 입력 텍스트 값은
- 20. 빈 텍스트 영역의 배경색 변경
- 21. TinyMCE 텍스트 영역 배경색 변경
- 22. 변경 텍스트 뷰 배경색 폭
- 23. 선택 필드의 입력 필드 속성?
- 24. 텍스트 필드에서 텍스트 오른쪽 정렬 - 문자 입력
- 25. 입력 마스크의 선택 문자
- 26. 모바일 사파리 : 선택기보기의 배경색 변경 (선택)
- 27. 텍스트 필드의 글꼴 색상 변경
- 28. 배경색 변경/배경색 변경/폴리머 API
- 29. 텍스트 필드의 onblur 이벤트 변경
- 30. 변경 선택 필드에서 jQuery 입력 텍스트 필드 채우기
어디에서 보셨나요? –