javascript - js는 경고를 사용하지 않고 사용자에게 같은 줄에 빨간색 글꼴로 메시지를 표시하지 않고 입력 값이 0보다 작거나 같지 않은 숫자인지 어떻게 결정합니까?

Question

js는 입력 값이 0보다 작거나 같지 않은 숫자이고 소수일 수 있는지 어떻게 결정합니까? 조건이 충족되지 않으면 %, TKS! 뒤에 빨간색 단어로 사용자에게 메시지가 표시됩니다.

三叔 · Answer

포커스가 입력 내에 있는지 확인(또는 포커스 이탈 이벤트 전달)
그런 다음 판단을 위해 값을 js 메서드 클래스에 전달합니다.

天蓬老师 · Answer

ringa_lee · Answer

CSS：

으아악

HTML：

으아악

자바스크립트：

으아악

世界只因有你 · Answer

휴대폰용 짧은 대답, 입력에 패턴 속성을 추가하고 규칙성을 사용하여 내용을 확인한 다음 CSS에서 input:invalid를 사용하여 입력의 불규칙한 내용을 빨간색으로 표시합니다(빨간색 텍스트가 있는 빨간색 상자 등). , 끝의 빨간색 텍스트는 입력 직후에 p를 작성하라는 메시지를 표시합니다. 그런 다음

를 사용합니다. 으아악

이러한 규칙을 설정하고 나면 거의 동일해야 합니다(라벨을 ID로 교체하면 휴대폰에서 더 이상 코딩할 필요가 없습니다). 하지만 IE9과 호환되어야 한다면 다른 호환 가능한 것을 작성해야 할 수도 있습니다...

참조:

MDN - 양식 유효성 검사