[JavaScript] preventDefault()

preventDefault()

예시

• 서버에 데이터가 전송되기 전에 js로 비밀번호의 유효성 검사

    const formTag = document.querySelector('form')
    const password1Tag = document.querySelector('#password1')
    const password2Tag = document.querySelector('#password2')
    let warning1Tag = document.querySelector('#warning1')
    let warning2Tag = document.querySelector('#warning2')

    const handleSubmit = function (event) {
      event.preventDefault()
      if (password1Tag.value.length < 8) {    // 태그.value하면 접근 할 수 있다!
        warning1Tag.textContent = '비밀번호는 8자 이상이어야 합니다.'
      } else if (password1Tag.value.length >= 8) {
        warning1Tag.textContent = ''  // 초기화
      }
      if (password1Tag.value !== password2Tag.value) {
        warning2Tag.textContent = '비밀번호가 일치하지 않습니다.'
      } else if (password1Tag.value === password2Tag.value) {
        warning2Tag.textContent = ''
      }
    }
    formTag.addEventListener('submit', handleSubmit)