[jquery] validate 폼 경고를 alert()으로 띄우기


$.validator.setDefaults({
    onkeyup: false,
    onclick: false,
    onfocusout: false,
    showErrors: function(errorMap,errorList){
        if(this.numberOfInvalids()){ // 에러가 있으면
            alert(errorList[0].message); // 경고창으로 띄움
        }
    }
});

$("#form-write").validate({
    rules: {
        token: { required: true }
        , ev_name: { required: true }
        , ev_area: { required: true }
        , ev_type: { required: true }
        , ev_sdate: { required: true }
        , ev_edate: { required: true }
        , ev_addr: { required: true }
    },
    messages: {
        token: { required: "토큰이 누락되었습니다." }
        , ev_name: { required: "행사명을 입력하세요." }
        , ev_area: { required: "행사지역을 선택하세요." }
        , ev_type: { required: "행사유형을 선택하세요." }
        , ev_sdate: { required: "행사기간(시작일)을 입력하세요." }
        , ev_edate: { required: "행사기간(종료일)을 입력하세요." }
        , ev_addr: { required: "행사위치를 입력하세요." }
    },
    errorPlacement: function(error,element){
        //error.appendTo(element.closest("div").prev()); // 사용안함
    },
});

validate의 기본 표시방법은 해당 INPUT창의 아래에 오류메세지를 표시하는 방식인데,
전통적인 FORM 체크방식처럼 alert()창을 실행하여 오류메세지를 표시하도록 변경함


댓글 없음:

댓글 쓰기

[SSL] [letsencrypt] [certbot] 와일드카드 인증서 발급하기

1. 환경   ubuntu 20.x  nginx 2. 설치   apt-get install letsencrypt -y  3. 인증서 발급   ; example.com 도메인에 대해 와일드카드 인증서를 발급받는다. certbot certonly --ma...