validation.js 실시간 폼 유효성 검사

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

 

 

$(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

 

 

 

---

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

실시간유효성검사_validation.zip

0.04MB