반응형
submit 전에 Form 태그에 값을 체크할 때 사용 가능.
<!-- data-lang = ko, en 언어설정 -->
<script src="https://mitw.ml/forminejs/forminejs.pack.js" data-lang="en" type="text/javascript"></script>
<!-- data-forminejs-form 속성 값이 true면 체크를 함. -->
<form name="form" method="post" action="/proc" data-forminejs-form="true">
<!-- 해당 값이 NULL인지 체크 -->
<input name="name" data-forminejs='true' />
<!-- 해당 값이 NULL인지, 한국어인지 체크 -->
<input name="name" data-forminejs='true' data-forminejs-ko="true" />
<!-- 속성 값이 true일 경우에만 체크를 함. -->
<!-- minlength와 maxlength의 경우에는 true/false가 아닌 길이의 값이 들어감. -->
<input name="name" data-forminejs='true' data-forminejs-minlength="3" />
</form>
null, 숫자만, 영어만, 한글만, 최소길이, 최대길이, id패턴, mail패턴 이렇게 체크가 가능함.
짝퉁 파슬리!
다만, 위 html코드처럼만 해놓으면 별다른 설정을 할 필요는 없어서 소스코드 자체는 깔끔.
'Web' 카테고리의 다른 글
pannellum js (0) | 2022.01.06 |
---|---|
WATCH 2.0 / 웹접근성 진단 도구 (0) | 2022.01.06 |
웹페이지가 모바일에 친화적으로 구성되었는지 체크하는 웹 (0) | 2021.12.31 |
JS packing (0) | 2021.12.31 |
CSS / JS min 버전으로 만들기 (0) | 2021.12.31 |
댓글