-
Jquery[제이쿼리] $.isNumeric() 메서드 배우기자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 12. 5. 23:30
안녕하세요~ 제이쿼리공장장 주니주니 입니다.
오늘은 제이쿼리[jquery] $.isNumeric() 메서드를 배워보겠습니다.
오늘은 이렇게 준비해보았습니다.
준비한 코드의 실행화면입니다.
===============================
$('input[type=text]').on('focus',function(){
$('input[type=text]').val("");
});
===============================
이부분의 소스는 숫자판별 뒤에있는 텍스트 박스에 포커스가 가면
텍스트 박스의 value의 값을 비워주도록 하기위하여 적어보았습니다.텍스트박스의 값을 지우는게귀찮아서라고는 참아....ㅋㅋ===============================
$('input[type=button]').on("click",function(){
var a = $('input[type=text]').val();
if($.isNumeric(a))
{
alert("변수 a의 값은 :"+a+"이고 숫자입니다.");
}
else
{
alert("변수 a의 값은 :"+a+"이고 숫자가아닙니다.");
}
});
===============================
확인 버튼을 click 하면
변수 a에 숫자판별: 뒤에있는 텍스트박스의 value의 값을 가지고와서 저장하고
if문구에다 isNumeric()메서드를 사용하여 변수a의 값이 숫자인지아닌지 판별하는
소스입니다.※$.isNumeric()란 사용자가 입력한 값이 숫자인지 판별해주는 메서드입니다.
형식으로는 jQuery.isNumeric( value ) 로 구성되어있습니다.
value 에다가 숫자값인지 확인하고픈 값을 입력해주세요.
이해가 안되는 분들은 ↓↓↓↓↓↓
http://api.jquery.com/jQuery.isNumeric/텍스트 박스에 "안녕하세요" 라고 입력한뒤
확인버튼을 누른뒤의 모습입니다.
숫자가 아니라고하네요.텍스트 박스에 "123123123123" 라고 입력한뒤
확인버튼을 누른뒤의 모습입니다.
숫자라고하네요 ㅎㅎ오늘은 제이쿼리[jquery] $.isNumeric() 메서드를 배워보았습니다.
그럼 다음에 또만나요~'자바스크립트[JavaScript] > 제이쿼리[Jquery]' 카테고리의 다른 글
Jquery[제이쿼리] $.now() 메서드 배우기 (0) 2016.12.06 Jquery[제이쿼리] event.pageX/pageY 배우기 (0) 2016.12.06 Jquery[제이쿼리] $.trim() 메서드 배우기 (0) 2016.12.05 Jquery[제이쿼리] $.merge() 메서드 배우기 (0) 2016.12.05 Jquery[제이쿼리] addBack() 메서드 배우기 (0) 2016.12.05