페이지의 이동 : form 태그 / 비밀번호 글자수 제한

 

form 태그

왜쓸까??  

서버로 정보를 전송시키려고 쓰는거다.

그래서 해당 태그 안에 action = "어디로 전송될 것인지 URL 적기"  이렇게 하면,

작성한  URL로 form 태그 안에 적은 내용들이 전송된다. 

<form action="success.html"> 이렇게도 이용이 가능하다. 새로운 HTML 페이지로 넘어가도록.

 

이때 form 태그 안에 버튼이  전송, 닫기 이렇게 있다면

전송버튼은 타입이 submit 이여야만 한다. 

<input type=“submit”>는 폼 데이터(form date)를 전송하는 제출 버튼(submit button)을 정의하기 때문이다. 

또한 닫기 버튼은 타입이 button 이여야 한다. 

 

 

 

 

비밀번호 글자수 제한.

 

1. minlength, maxlenght 를 이용

                    그러나, 이 방법은 input의 type이 'text, search, url, tel, email, password' 일 경우에만 유효.

                    type이 'number'일 경우에는 유효하지 않음. 따라서, type이 'number'인 경우에는 다른 방법을 사용해야 함

 

 

2.  함수와 if 문을 이용

let id = document.querySelector('#id');

let pw = document.querySelector('#pw');

 

        $('.btn-primary').on('click', checkForm);

        

        function checkForm( ){   

               if(pw.value.length < 6){

                   alert('비번 짧음');

               } else {

                  alert('로그인 완료');

               }

        };