Jquery[제이쿼리] focus() 회원가입조건걸기 벨리데이션(validation)

안녕하세요~ 주니주니 입니다.

오늘은 제이쿼리[jquery] focus()로 회원가입조건걸기를 간단하게
배워보겠습니다.

오늘은 준비가 많네요~
css부분은 뭐 대충하셔도 상관없답니다.!

시간이 없어서 대충대충 만들엇답니다.

===============================
$('input[type="button"]').on('click',function(){
   check();
  });
===============================

input[type="button"]이 click되면  check();<== 함수를 실행해라
간단하게  check()함수를 아래에다가 만들어보았답니다.
input[type="button"]<== 이부분에 해당하는 쪽은
가입하기 버튼이겠죠? ㅎㅎ


===============================
var id =$('.text1').val();var pa =$('.text2').val();
var na =$('.text3').val();var ag =$('.text4').val();
===============================
이부분은 여러번 설명해서 간단하게 val()사용하여 값을 들고오는부분입니다.




===============================
if(id.length ==0){
    alert("아이디를 입력하세요");
    $('.text1').focus();
    return false;
   }
===============================
id.length ==0 <== 즉 text1의 value값이 아무것도 없을때
if문구로 들어와 alert() 메서드로 아이디를 입력하라고 찍어요!
그리고 focus()메서드를 사용하여 text1에다가 focus주도록하였습니다.!
return false;<== 이부분은 생략할시 그다음문구로 내려가기때문에 있답니다.!
빼보고 실행하시면 바로 이해되실듯하네요^ㅡ^/
그리고 아래부분도 반복이라서 설명은 생략하겠습니다.
※focus()메소드를 
$('input[type="button"]').on('focus',function(){ }); <==이런형식으로도 쓰일수있습니다.
이럴경우 'input[type="button'에 포커스가 생기면 실행된답니다.^^
조만간 다시배워보도록할께요~  

아이디를 입력안하고 가입하기 버튼을 누르니 경고창이뜨면서 적으라고하네요!

아이디부분에 값을 입력하니 이번에는 비밀번호가!

그리고 다 값을입력하면 맨아래부분에있는 회원가입 성공! 이라는문구가 뜨도록하였습니다.!
오늘은 간단하게 제이쿼리[jquery] focus() 회원가입조건걸기를 배워보았습니다.
그럼 다음에 만나요~