CodePen Embed - button disable

<form id="loginForm">
  <input type="text" id="username" placeholder="아이디를 입력하세요">
  <input type="password" id="password" placeholder="비밀번호를 입력하세요">
  <button type="button" id="loginBtn" disabled>로그인</button>

const loginForm = document.getElementById('loginForm');
const username = document.getElementById('username');
const password = document.getElementById('password');
const loginBtn = document.getElementById('loginBtn');


loginForm.addEventListener('input', () => {
    if(username.value.indexOf('@') !== -1 && password.value.length >= 6) {
    loginBtn.disabled = false;
  } else {
    loginBtn.disabled = true;
  }
})

This Pen is owned by okcleff on CodePen.

See more by @okcleff on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.