모든 필수 필드를 채우지 않고 사용자가 양식을 제출하지 못하도록 하는 방법

사용자가 모든 필수 필드를 작성하지 않고 양식을 제출하지 못하게 하려면 required를 추가하기만 하면 됩니다. 제출을 위해 채워야 하는 입력 요소에 대한 속성:

예:

<form id="form">
  <input type="text" name="full-name" placeholder="Full name" required />
  <input type="text" name="email" placeholder="Email" required />
  <input type="text" name="phone-number" placeholder="Phone number" />
  <button id="button-submit-form" type="submit">
    Submit Form
  </button>
</form>

둘 다 이름 및 이메일 required가 있음 위 코드의 속성입니다.

이제 사용자가 양식 제출을 클릭하면 두 필수 필드를 모두 채우지 않고 버튼을 클릭하면 다음 팝업 경고가 표시됩니다.