[Web]Custom Validator

자바스크립트에서 input 값에 영문,숫자,특수문자 입력만 허용하려고 validation을 작성할 때 사용했던 내용이다.

formValidation을 사용하는데 문서 외에는 구글링해도 잘안나온다^___^…

name: { validators: { notEmpty: { message: '아무거나 입력하세요.', trim: true }, regexp: { regexp: /^[A-Za-z0-9]*$/, message: '영문, 숫자만 입력해야합니다.' } } }

위 코드와 같이 regexp를 사용할 수도 있지만 커스텀 validator를 만들면 이렇게 정의할 수 있다.

var alphabets = /^[a-zA-Z0-9,/,~,!,@,#,$,%,^,&,*,\-,_,+,=,?,>,<,{,},(,),|,.,`,\,,\;,\:,\[,\]]*$/; var _engValidation = FormValidation.validators.checkEnglish = function() { return { validate: function(input) { var value = input.value; var valid = false; if (alphabets.test(value) === true) { valid = true; } return { valid: valid }; } }; };

적용한 예제

name: { validators: { notEmpty: { message: '아무거나 입력하세요.', trim: true }, checkEnglish: { message: '영문과 숫자, 특수문자만 입력해야 합니다.' } } },

아래 Form Validation 문서의 예제를 참고하였다.
https://formvalidation.io/guide/examples/creating-a-custom-validator/

The best validation library for JavaScript. No dependency. Supports popular frameworks including Bootstrap, Zurb Foundation, Pur