2017. 6. 23. 13:56

jquery validate ajax form submit 2가지 방법

1. validate 의 submitHandler 를 사용하는 방법

$('#form-id').validate({
    rules : { ... },
    submitHandler: function(f) {
        $.ajax(
            url: f.action,
            type: f.method,
            data: $(f).serialize(),
            success: function(response) {
                alert(response);
            }
        );
    }
});

2. jquery 의 ajaxForm을 사용하는 방법

$('#form-id').ajaxForm({
    beforeSubmit: function() {
        $('#form-id').validate({......});
        return $('#form-id').valid();
    },
    success: function(response) {
        alert(response);
    }
});