일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
Tags
- #{..}
- select
- 다른사람 프로젝트 수정전 가져야할 자세
- 비밀번호 변경 명령어
- Intellij
- cmd
- 타임리프
- StringUtils.hasText
- 순서 보장
- 함수 인자값 id
- 하모니카 OS 5
- 리눅스
- 자바스크립트 인라인
- JSON
- 개발시작전 자세
- 프로젝트 클린
- it
- Java
- 룸북
- BindingResult
- 타임리프와 스프링
- 스프링부트
- 추천 사이트
- 시퀀스 조회
- linux
- Test 룸북 사용하기
- js
- 설정
- 추천 프로그램
- 명령어
Archives
- Today
- Total
웹개발 블로그
[JS] 숫자만 입력하게 감지하기(=양수만 입력되게) 본문
<input type="number" name="price" id="price" pattern="[0-9]*" value="${data.price}" title="숫자만 입력하세요" autocomplete="off" >
<div id="error-message" style="color: red; font-weight: 800;"></div>
<script>
$('#price').on('input', function() {
var inputValue = $(this).val();
// 숫자 또는 빈 문자열인지 확인
if (!/^[0-9]*$/.test(inputValue)) {
$('#error-message').text('양수만 입력하세요.');
// 입력이 무효하므로 값을 비웁니다.
$(this).val('');
return;
}
// 오류 메시지 지우기
$('#error-message').text('');
});
</script>
'◆JavaScript > 활용' 카테고리의 다른 글
[JQuery] datetimepicker 날짜 및 시간 (한국어) (0) | 2023.09.11 |
---|---|
[JS] 🔴background: url ( 파일 인식 안되는 현상 ) (0) | 2023.05.03 |
[JS]이미지 업로드 미리보기(프리뷰) (0) | 2023.04.14 |