유효성 검사하기

자바스크립트로 id입력창의 유효성을 검사할수있다.

function nLoginbtnClikc(){
   const username= loginInput.value; //로그인창에 입력한 값을 정의한다
    if(username==""){ //로그인창에 값이 없으면
     alert("plase write your name") //오류창 띄움
    }else if(username.length>15){ //로그인길이가 15개 이상이면
     alert("Your name is long") //오류창 띄움
    }

}

• 자바스크립도 이런 유효성검사가 가능하지만 비효율적이다.

<div id="login-form">
        <form action="">
        <input type="text" placeholder="what is your name" required maxlength="15">
        <button>log in</button>
        <script src="app.js"></script>
        </form>
    </div>

• 따라서 같은 유효성검사는 HTML영역에서 하는 것이 좋다
  • required : 반드시 작성해야 하는 폼
  • maxlength="15" 15자 이상은 쓸수 없다