Web/Javascript_Jquery

jquery 유효성 검사 참고 사이트

벨포트조던 2016. 3. 11.
반응형

http://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=tipntech&wr_id=72358


http://hellogk.tistory.com/48




이메일 뒷자리 형식 참고

http://joonjava.blogspot.kr/2014/07/jquery_28.html



서브밋 핸들러 사용법


<script type=”text/javascript”>
$(function() {
    $.validator.setDefaults({
        onkeyup:false,
        onclick:false,
        onfocusout:false,
        showErrors:function(errorMap, errorList){
            if(this.numberOfInvalids()) {
                alert(errorList[0].message);
            }
        }
    });

    $(‘form[name=fmember]’).validate({
        rules: {
            mb_id: { required: true, minlength: 4 },
            mb_password: { required: true, minlength: 6 },
            mb_password_re: { equalTo: “#mb_password” },
            mb_name: “required”,
            mb_birth: “required”,
            mb_zip1: “required”,
            mb_addr2: “required”,
            tel1: “required”,
            tel2: “required”,
            hp1: “required”,
            hp2: “required”,
            hp3: “required”,
            mb_email: { required: true, email: true }
        },
        messages: {
            mb_id: {
                required: “아이디를 입력해 주십시오.”,
                minlength: “아이디를 4글자 이상 입력해 주십시오.”
            },
            mb_password: {
                required: “비밀번호를 입력해 주십시오.”,
                minlength: “비밀번호를 6글자 이상 입력해 주십시오.”
            },
            mb_password_re: {
                equalTo: “비밀번호가 일치하지 않습니다.”
            },
            mb_name: {
                required: “성명을 입력해 주십시오.”
            },
            mb_zip1: {
                required: “주소를 입력해 주십시오.”
            },
            mb_addr2: {
                required: “상세주소를 입력해 주십시오.”
            },
            tel1: {
                required: “전화번호를 입력해 주십시오.”
            },
            tel2: {
                required: “전화번호를 입력해 주십시오.”
            },
            hp1: {
                required: “휴대전화번호를 입력해 주십시오.”
            },
            hp2: {
                required: “휴대전화번호를 입력해 주십시오.”
            },
            hp3: {
                required: “휴대전화번호를 입력해 주십시오.”
            },
            mb_email: {
                required: “이메일 주소를 입력해 주십시오.”,
                email: “올바른 형식의 이메일 주소를 입력해 주십시오.”
            },
            mb_birth: {
                required: “생년월일을 입력해 주십시오.”
            }
        },
        submitHandler: function(form) {
           var pattern1 = /(^[a-zA-Z])/;
            var pattern2 = /([^a-zA-Z0-9-_])/;
            var mb_id = $.trim($(‘input[name=mb_id]’).val());

            if(!pattern1.test(mb_id)){
                alert(“아이디의 첫글자는 영문이어야 합니다.”);
                return false;
            }

            if(pattern2.test(mb_id)){
                alert(“아이디는 영문, 숫자, -, _ 만 사용할 수 있습니다.”);
                return false;
            }

            form.submit();
        }
    });
});
</script>

반응형

댓글