Javascript 每次单击按钮时都会提交表单

我有一个表单，其中我保存了2个文件和一个字段。我面临的问题是，每次单击“提交”按钮，表单都会被提交。虽然文本字段正在重置，但文件仍然包含上一条记录的值。提交表单后如何在此处重置文件

HTML

浏览

JQUERY

// BUTTON CLICK SUBMISSION
$(document).ready(function(e){
    $("#_add").click(function(){        
        $("#formOrder").on('submit', function(e){
            e.preventDefault();
            $.ajax({
                type: 'POST',
                url: '../order/add.php',
                data: new FormData(this),
                dataType: 'json',
                contentType: false,
                cache: false,
                processData:false,
                async: false,
                autoUpload: false,
                success: function(response){
                    $('.statusMsg').html('');
                    if(response.status == 1){
                        $('#formOrder')[0].reset(); //FORM TO RESET AFTER SUBMISSION
                        $('.statusMsg').html('<p class="alert alert-success">'+response.message+'</p>');
                        alert('received');
                        $('.orderImagePreview').empty();
                        document.getElementById('#orderImage').value= null; //TO MAKE THE IMAGE LABEL EMPTY
                    }else{
                        $('.statusMsg').html(alert(response.message));
                    }
                    $('#formOrder').css("opacity","");
                    $(".submit").removeAttr("disabled");
                }
            });
        });
    });
});

// Multiple images preview in browser
$(function() {
    var imagesPreview = function(input, placeToInsertImagePreview) {
        if (input.files) {
            var filesAmount = input.files.length;
            for (i = 0; i < filesAmount; i++) {
                var reader = new FileReader();
                reader.onload = function(event) {
                    $($.parseHTML('<img>')).attr('src', event.target.result).appendTo(placeToInsertImagePreview);
                }
                reader.readAsDataURL(input.files[i]);
            }
        }
    };

    $('#orderImage').on('change', function() {
        imagesPreview(this, 'div.orderImagePreview');
        $( 'div.orderImagePreview' ).empty();
    });
});

$('#orderImage').on("change", function(){
    var input = document.getElementById ("imageLabel");
    var imageCount = $(this)[0].files.length;
    if(imageCount > 0){
        input.placeholder = imageCount+" Image Attached";
    }else{
        input.placeholder = "Select Order Image";
    }
});

//按钮点击提交
$（文档）.ready（函数（e）{
$（“#_添加”）。单击（函数（）{
$（“#formOrder”）。关于（'submit'，函数（e）{
e、 预防默认值（）；
$.ajax({
键入：“POST”，
url:“../order/add.php”，
数据：新表单数据（本），
数据类型：“json”，
contentType:false，
cache:false，
processData:false，
async:false，
自动上载：false，
成功：功能（响应）{
$（'.statusMsg'）.html（''）；
如果（response.status==1）{
$（'#formOrder'）[0].reset（）；//提交后要重置的表单
$（'.statusMsg'）.html（'
'+response.message+'
'）；
警报（“收到”）；
$（'.orderImagePreview'）.empty（）；
document.getElementById（'#orderImage'）。value=null；//使图像标签为空
}否则{
$（'.statusMsg'）.html（警报（response.message））；
}
$（'#formOrder'）.css（“不透明度”，”）；
$（“.submit”）.removeAttr（“禁用”）；
}
});
});
});
});
//浏览器中的多图像预览
$（函数（）{
var imagesPreview=函数（输入，放置到插入图像预览）{
if（input.files）{
var filesamunt=input.files.length；
对于（i=0；i

我在哪里出错？调试应该是用文件重置表单或表单提交方法？提前感谢

只需在加载文档时创建一个提交处理程序

单击按钮时不要添加它

只需在加载文档时创建一个提交处理程序

---

单击按钮时不要添加它。

可以删除type=“submit”并再次检查吗？@Mangesh-这样它就变成了一个文本字段吗？可以并使用按钮HTML元素。或者可以添加$（“##添加”）。单击（函数（事件）{event.preventDefault（）}对于输入，也单击。与您为表单添加的相同submit@Mangeshso类型变为按钮？添加您可以删除type=“submit”并再次检查吗？@Mangesh-所以它变成一个文本字段？是并使用按钮HTML元素。或者您可以添加$（“##u Add”）。单击（函数（事件）{event.preventDefault（）}对于输入，也单击。与您为表单添加的相同submit@Mangeshso键入“变成按钮”？添加注释与提供的示例相同。是否要我删除按钮单击功能？@RoshanZaid-从代码中引用的材料是您的代码，用于显示问题所在。它根本不进行编辑。是的，请删除第一行和匹配函数的结尾。是的，你是最好的。现在我每次单击它都会取空值，我应该对其进行错误处理。谢谢。注释与提供的示例相同。要我删除按钮单击函数吗？@RoshanZaid-从代码中引用的材料是你的代码，用于显示问题所在。它根本不进行编辑。是的，删除该函数的第一行和匹配的结尾。是的，你是最好的。现在每次我单击它时，它都会取空值，我应该对其进行错误处理。谢谢。

// BUTTON CLICK SUBMISSION
$(document).ready(function(e){
    $("#_add").click(function(){        
        $("#formOrder").on('submit', function(e){
            e.preventDefault();
            $.ajax({
                type: 'POST',
                url: '../order/add.php',
                data: new FormData(this),
                dataType: 'json',
                contentType: false,
                cache: false,
                processData:false,
                async: false,
                autoUpload: false,
                success: function(response){
                    $('.statusMsg').html('');
                    if(response.status == 1){
                        $('#formOrder')[0].reset(); //FORM TO RESET AFTER SUBMISSION
                        $('.statusMsg').html('<p class="alert alert-success">'+response.message+'</p>');
                        alert('received');
                        $('.orderImagePreview').empty();
                        document.getElementById('#orderImage').value= null; //TO MAKE THE IMAGE LABEL EMPTY
                    }else{
                        $('.statusMsg').html(alert(response.message));
                    }
                    $('#formOrder').css("opacity","");
                    $(".submit").removeAttr("disabled");
                }
            });
        });
    });
});

// Multiple images preview in browser
$(function() {
    var imagesPreview = function(input, placeToInsertImagePreview) {
        if (input.files) {
            var filesAmount = input.files.length;
            for (i = 0; i < filesAmount; i++) {
                var reader = new FileReader();
                reader.onload = function(event) {
                    $($.parseHTML('<img>')).attr('src', event.target.result).appendTo(placeToInsertImagePreview);
                }
                reader.readAsDataURL(input.files[i]);
            }
        }
    };

    $('#orderImage').on('change', function() {
        imagesPreview(this, 'div.orderImagePreview');
        $( 'div.orderImagePreview' ).empty();
    });
});

$('#orderImage').on("change", function(){
    var input = document.getElementById ("imageLabel");
    var imageCount = $(this)[0].files.length;
    if(imageCount > 0){
        input.placeholder = imageCount+" Image Attached";
    }else{
        input.placeholder = "Select Order Image";
    }
});

$("#_add").click(function(){        
    $("#formOrder").on('submit', function(e){