bootstrap validation

bootstrap에서는 html5 validation을 그대로 이용한다.

form에 was-validated 클래스만 넣으면 html5 validation을 체크하고 정상적인 경우는 valid-feedback에 비정상적인 경우에는 invalid-feedback을 보여주게 된다.

bootstrap으로 폼을 구성하고 에러일 경우는 valid-feedback에 정상일 경우에 valid-feedback에 에러문구를 넣었다.

submit 버튼을 누르면 만일 에러일 경우는 form에 was-validated 클래스를 삽입한다.

CodePen

See the Pen Form validation – Bootstrap 4 by LeeDongKee (@eastflag) on CodePen.default