본문 바로가기
Web

forminejs

by 모닝위즈 2022. 1. 6.
반응형

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

댓글