솔솔

[JavaScript] select 유효성 검사 본문

나의보물들/JavaScript

[JavaScript] select 유효성 검사

솔솔하네 2022. 2. 25. 13:13
반응형

JavaScript로 select 유효성 검사하는 방법을 알아보겠습니다!

 

 

 

🔍 방법


1. <select>의 <option selected>에 value 값을 줍니다. (저는 non으로 주었습니다.)

 

2. JavaScript로 와서 <select id="gender">의 값을 'gender'변수에 담고 if문으로 gender의 값이(gender.value) non이라면 alent가 뜨게 해줬습니다.

 

3. 그럼 이제 select를 선택안하고 폼을 제출하면 alert가 뜨는걸 볼 수 있습니다.