[HTML] 폼 서버로 제출전 간단하게 체크하기 <input required>

회원가입 양식만들고 유효성 검사하기위해 js나 jquery로 코드를 작성하는데

그냥 적었는지 안적었는지 검사만 해줬음하는 부분있잖아요 그럴때 간단하게 쓸 수 있는 것!!

 

<input required>

 바로 required 입니다.

 

 

 

🔍 required는?

---

- <input> 태그 속성으로 폼 데이터가 서버로 제출되기 전에 반드시 채워져 있어야 하는 입력 필드를 명시!

 

- required은 boolean속성(input에 값이 없으면 false, 있으면 true)

 

 

 

1. 회원가입란에 이름같은 경우 그냥 값이 채워져 있는지 없는지만 검사하고 싶다.

2. <input>속성으로 <required="required">를 준다.

3. 이름란에 빈값을 넣고 가입하기(폼제출)를 하면 다음으로 넘어가지않고 이름에 포커스 맞춰짐(이름에 값을 넣으세요라는 뜻)

4.  <input type="date" required>에도 적용하고 제출하기했더니 요렇게 입력하라고 작은알림창이 뜨네욧!