javascript – Ajax请求附加多个匹配

如果用户填写了一些无效数据,则会触发ajax请求并显示错误消息.现在,当用户再次更正数据/或再次输入无效数据时,将触发2个请求,下一次3,并且它会继续累加.

这可能是因为parsley js库.如果我删除欧芹代码它工作正常.任何的想法？

这是ajax代码

    $('#upload-profile-button').on('click', function(e) {
        $("#upload-profile-form").parsley().validate();
        $("#upload-profile-form").parsley().on('form:validate', function (formInstance) {
            var isFormValid = formInstance.isValid();
            if(isFormValid){
        e.preventDefault();
        $('#upload-profile-button').html('Uploading...');
        var fd = new FormData($("#upload-profile-form")[0]);
        $.ajax({
            type : 'POST',
            url : '/mbatch/batch/uploadBatch',
            data : fd,
            processData : false,
            contentType : false,
            beforeSend : function() {

            },
            success : function(response) {
                if (response.data.fetchTpodSuccess == true) {
                    window.location.href= "/mbatch/batch/listBatch";
                } else {
                    new PNotify({
                        title: 'Notice',
                        text: response.message,
                        type: 'error',
                        styling: 'bootstrap3'
                    });
                        $('#upload-profile-button').html('Submit');
                }
            },
            error : function(data) {
                new PNotify({
                    title: 'Notice',
                    text: JSON.parse(data.responseText).message,
                    type: 'error',
                    styling: 'bootstrap3'
                });
                    $('#upload-profile-button').html('Submit');
            }
        });
}
             });
   });

这是HTML代码段

    <button id="upload-profile-button" type="button"
                                    class="btn btn-primary">Submit</button>

任何线索都将受到高度赞赏.

解决方法:

我刚刚找到了解决方案.
这是因为我在表单标签中也使用了data-parsley-validate
而且在js中也是如此

    <form id="upload-profile-form" data-parsley-validate enctype="multipart/form-data"
                        name = "uploadBatchForm"
                        class="form-horizontal form-label-left"
                        >

Parsley在文档加载时查看DOM中的所有数据 – parsley-validate事件,并在有效时自动绑定它们.
一旦表单或字段实例被Parsley绑定,就执行$(‘#form’).parsley(options);将更新现有选项但不替换它们.

来源 – http://parsleyjs.org/doc/index.html