Ajax表单提交两次？

Question

I couldn't find the mistake but it submit form twice . Please help me what i missed in this .

    $('#supplierForm').on('submit', function(e) {
                e.preventDefault();
                if ($(this).valid()) {
                    $.ajax({
                        async: false,
                        data: $("#supplierForm").serialize(),
                        url:  '{{ url('supplier_edit_new') }}',
                        type: 'POST',
                        success: function (data) {
                                window.location.reload();

                        }
                    });
                }
                return false;
            })

;

For validating script

$("document").ready(function(){

    $('#supplierForm').validate({
        errorClass: 'help-block',
        rules: {
            'line1': "required",
            'line2': "required",
            'suburb': "required",
            'state' : "required",
            'country':"required",


        },
        messages: {

            'line1':{required: "Please enter supplier's address."},
            'line2':{required: "Please enter supplier's address."},
            'suburb':{required: "Please enter  supplier's suburb."},
            'state':{required: "Please select a state"},
            'country':{required: "Please enter country"},
            'postcode':{required: "Please enter postcode"},

        },

        highlight: function (element) {
            $(element).parent().parent().removeClass("success").addClass("error");
        },

        unhighlight: function (element) {
            $(element).parent().parent().removeClass("error").addClass("success");
        }
    }); // validate
});

For html

{{ form_widget(form.submit,{'attr':{'class':'btn btn-primary btn-large btn-style','value':'Save changes'} }) }} 
it generate 

<button id="ovc_bundle_productbundle_supplier_submit" class="btn btn-primary btn-large btn-style" value="Save changes" name="ovc_bundle_productbundle_supplier[submit]" type="submit">Save / Update Details</button>

Answer 1

Try this to prevent binding the event multiple times,

$('#supplierForm').off('submit');
$('#supplierForm').on('submit', function(e) {
            e.preventDefault();
            if ($(this).valid()) {
                $.ajax({
                    async: false,
                    data: $("#supplierForm").serialize(),
                    url:  '{{ url('supplier_edit_new') }}',
                    type: 'POST',
                    success: function (data) {
                            window.location.reload();

                    }
                });
            }
            return false;
        })