Validate alert창으로 표현하기

참고 : http://noritersand.tistory.com/211

alert 창표시방법1

$.validator.setDefaults({
   onkeyup:false,
   onclick:false,
   onfocusout:false,
   showErrors:function(errorMap, errorList){
    if(this.numberOfInvalids()){ // show error
     alert(errorList[0].message);
     $(errorList[0].element).focus();
    }
   }
  });

옛날 방식인 alert창으로 표현하는 방법2

formWriteEdit.validate({
debug: false,	
onfocusout: false,
		rules : {
		upmyeon   : {required:true},
		grp_name  : {required:true},
		usr_pw : {equalTo : '#usr_pw_chk'},

		phone1 : {required : true, digits : true, minlength : 3, maxlength : 4},
		phone2 : {required : true, digits : true, minlength : 3, maxlength : 4},
		phone3 : {required:true, digits : true, minlength : 4, maxlength : 4},

		name      : {required:true},
		mobile1 : {required : true, digits : true, minlength : 3, maxlength : 4},
		mobile2 : {required : true, digits : true, minlength : 3, maxlength : 4},
		mobile3 : {required:true, digits : true, minlength : 4, maxlength : 4},

		lec_part  : {required:true},
		lec_cont  : {required:true},
		lec_time  : {required:true},
		lec_place : {required:true},
		lec_cnt   : {required:true, digits : true},

		ask_file : {required : function(){
			var v_nextprc_val = $('#nextprc').val();
			if(v_nextprc_val && v_nextprc_val == 'editprc'){
				return false;
			}else{
				return true;
			}
		}}
	},
	messages : {
		upmyeon   : {required:'읍면을 선택해 주세요'},
		grp_name  : {required:'기관(단체)명을 입력하세요'},

		phone1 : {required : '기관(단체) 연락처를 입력하세요', digits : '숫자만 입력하세요',maxlength: $.validator.format("{0}자 이하로 입력하세요"),
			minlength: $.validator.format("{0}자 이상 입력하세요.")},
		phone2 : {required : '기관(단체) 연락처를 입력하세요', digits : '숫자만 입력하세요',maxlength: $.validator.format("{0}자 이하로 입력하세요"),
			minlength: $.validator.format("{0}자 이상 입력하세요.")},
		phone3 : {required:'기관(단체) 연락처를 입력하세요', digits : '숫자만 입력하세요',maxlength: $.validator.format("{0}자 이하로 입력하세요"),
			minlength: $.validator.format("{0}자 이상 입력하세요.")},

		name      : {required:'대표자명을 입력하세요'},
		mobile1 : {required : '대표자 연락처를 입력하세요', digits : '숫자만 입력하세요',maxlength: $.validator.format("{0}자 이하로 입력하세요"),
			minlength: $.validator.format("{0}자 이상 입력하세요.")},
		mobile2 : {required : '대표자 연락처를 입력하세요', digits : '숫자만 입력하세요',maxlength: $.validator.format("{0}자 이하로 입력하세요"),
			minlength: $.validator.format("{0}자 이상 입력하세요.")},
		mobile3 : {required:'대표자 연락처를 입력하세요', digits : '숫자만 입력하세요',maxlength: $.validator.format("{0}자 이하로 입력하세요"),
			minlength: $.validator.format("{0}자 이상 입력하세요.")},

		lec_part  : {required:'나눔 요청 분야를 입력하세요'},
		lec_cont  : {required:'나눔 요청 교육내용을 입력하세요'},
		lec_time  : {required:'나눔 요청 교육일정을 입력하세요'},
		lec_place : {required:'강의 장소를 입력하세요'},
		lec_cnt   : {required:'프로그램 참여인원을 입력하세요', digits : '숫자만 입력하세요'},

		ask_file : {required : '나눔 요청서 파일을 입력하세요'}
	},
	// errorElement: "div",
	errorPlacement: function(error, element) {
		// error.insertAfter(element);
		// error.css({"margin":"0 0 0 0px", "color":"red"});
	},
invalidHandler: function(form, validator) {
		var errors = validator.numberOfInvalids();
		if (errors) {
			alert(validator.errorList[0].message);
			validator.errorList[0].element.focus();
		}
	},
        submitHandler: function(form) {
            var v_GoSubmitOK = true;
            var v_stime_val = parseInt(v_stime.val());
            var v_etime_val = parseInt(v_etime.val());
            if(v_etime_val <= v_stime_val){
                alert('시간설정이 잘못되었습니다.');
                v_GoSubmitOK = false;
            }else if(v_norm_time){
                var v_etime_stime = v_etime_val - v_stime_val;
                if(v_norm_time > v_etime_stime){
                    alert('기본 이용시간은 '+v_norm_time+'이상 입니다.');
                    v_GoSubmitOK = false;
                }
            }
            if(v_GoSubmitOK){
                form.submit();
            }
        }

});

jquery.validation.zip