如何解决多个文件上传的Ajax表单验证

How to solve Ajax form validation for multiple file upload?

本文关键字：Ajax 验证 表单 文件 何解决 解决      更新时间：2023-09-26

我已经坚持了2周了。我所有的谷歌搜索链接都是紫色的，我还没有找到解决方案:s

我有一个表格，上传多个文件与2个电子邮件地址在一起。所有的错误验证工作，但当我上传文件时，我不能再发送我的表单。

JAVASCRIPT 

<script> 
$(document).ready(function(){
    $( "#uform" ).submit(function( event ) {
        var files = document.getElementsByName("files[]");
        fEmail=$("#fEmail").val();
        yEmail=$("#yEmail").val();
        $.ajax({
            type: "POST",
            url: "upload.php",
            data: "files[]="+files+"&yEmail="+yEmail+"&fEmail="+fEmail,
            success: function(html){ 
                for (var x = 0; x < files.length; x++) {       
                    if(files[x].value == '' || files[x].value == '0'){
                        $("#uploaderror").html("No file selected!");
                    }
                 }
                if (html.trim()=='fEmailError') {
                    $("#uploaderror").html("Please enter a valid Email address!");
                }
                if (html.trim()=='yEmailError')  {
                    $("#uploaderror").html("Please enter a valid Email address!");
                }
                if (html.trim()=='uploadIsSuccess')    {
                    $("#uploadsuccess").html("Success!");
                }
            }
        });
        return false;
    });
});
</script>

尝试使用成功/错误/完成回调选项&从这里开始:

success: function(data) {
    alert(data);
},
error: function (xhr, ajaxOptions, thrownError) {
    alert(xhr.status);
    alert(thrownError);
}
相关文章：