휴대폰용 짧은 대답, 입력에 패턴 속성을 추가하고 규칙성을 사용하여 내용을 확인한 다음 CSS에서 input:invalid를 사용하여 입력의 불규칙한 내용을 빨간색으로 표시합니다(빨간색 텍스트가 있는 빨간색 상자 등). , 끝의 빨간색 텍스트는 입력 직후에 p를 작성하라는 메시지를 표시합니다. 그런 다음
를 사용합니다.
으아악
이러한 규칙을 설정하고 나면 거의 동일해야 합니다(라벨을 ID로 교체하면 휴대폰에서 더 이상 코딩할 필요가 없습니다). 하지만 IE9과 호환되어야 한다면 다른 호환 가능한 것을 작성해야 할 수도 있습니다...
포커스가 입력 내에 있는지 확인(또는 포커스 이탈 이벤트 전달)
그런 다음 판단을 위해 값을 js 메서드 클래스에 전달합니다.
으아악
CSS:
으아악HTML:
으아악자바스크립트:
으아악휴대폰용 짧은 대답, 입력에 패턴 속성을 추가하고 규칙성을 사용하여 내용을 확인한 다음 CSS에서
를 사용합니다. 으아악input:invalid
를 사용하여 입력의 불규칙한 내용을 빨간색으로 표시합니다(빨간색 텍스트가 있는 빨간색 상자 등). , 끝의 빨간색 텍스트는 입력 직후에 p를 작성하라는 메시지를 표시합니다. 그런 다음이러한 규칙을 설정하고 나면 거의 동일해야 합니다(라벨을 ID로 교체하면 휴대폰에서 더 이상 코딩할 필요가 없습니다). 하지만 IE9과 호환되어야 한다면 다른 호환 가능한 것을 작성해야 할 수도 있습니다...
참조:
MDN - 양식 유효성 검사