티스토리 뷰

실시간 폼 유효성 검사 제이쿼리 플러그인입니다.

 

 

$(function(){
	$(".form").validate({
		//규칙
		rules:{
			name:{
				required : true, //필수입력여부
				minlength : 2 	//최소 입력 글자수
			},
			email:{
				required : true, //필수입력여부
				email : true 	//이메일형식
			},
			url:{
				required : false, //필수입력여부
				url : true 	//url형식
			}
		},
        
			//메시지
			messages:{
				name:{
				equired : "이름은 필수 입력입니다.",
				minlength : "최소 2글자 이상 입력해주세요."
			},
			email: {
				required : "이메일은 필수 입력입니다.",
				email : "이메일 형식을 지켜주세요." 
			},
			url:{
				required : "url은 필수입력이 아닙니다.",
				url : "url 형식을 지켜주세요." 
			}
		},

		//메시지 태그
		errorElement : 'span', 	//태그
		errorClass: 'error',	//클레스 이름
		validClass:'vaild' 
	});
});

 

 

https://jqueryvalidation.org/

 

jQuery Validation Plugin | Form validation with jQuery

This jQuery plugin makes simple clientside form validation easy, whilst still offering plenty of customization options. It makes a good choice if you’re building something new from scratch, but also when you’re trying to integrate something into an existin

jqueryvalidation.org

 

 

 


개인 공부용으로 만들었습니다.
다른 분들에게도 도움이 되었으면 좋겠습니다.
틀린 부분이 있으면 댓글을 남겨주시면 수정하겠습니다.

실시간유효성검사_validation.zip
0.04MB

'웹 퍼블리싱 > 퍼블 플러그인 정리' 카테고리의 다른 글

swiper.js  (0) 2019.06.24
masonry.js  (0) 2019.05.27
validation.js 실시간 폼 유효성 검사  (0) 2019.05.24
댓글
댓글쓰기 폼