jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 检查FormData是否为空大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_419_2@
所以我有一个这样的表格:

<form id="uploadimage" action="" method="post" enctype="multipart/form-data">                   
    <div class="text-inside">
        SELEctati Categoria<br><SELEct id="sc" name="SELEctCat"></SELEct><br><br>
        Nume Produs<br><input id="numprod" type="text" name="input-text" /><br>
        Pret Produs<br><input id="pretprod" type="number" name="input-pret" /><br><br>
        <input type="file" name="file"><br><br>
        <input type="submit" name="sumit" value="Send" id="imgButton" class="button"  /><br><br>
    </div>              
</form>

我试图检查filelds是否为空以防止用户提交空字段,所以我使用了这个:

$('#uploadimage').on('submit',(function(E) {
    e.preventDefault();
    var formData = new FormData(this);
    var name= $('#numprod').val();
    var pret = $('#pretprod').val();

    if(name && pret){
        $.ajax({
            url: 'connect.PHP',type: 'POST',data: formData,async: false,cache: false,contentType: false,processData: false,success: function(){
                alert('uploaded successuflly!');
            }
        });
    }else{alert('input fields cAnnot be left empty you num num!');}
}));

但我仍然可以提交没有选择文件,ajax不再重新加载页面.有什么建议我该怎么办

解决方法

简短的回答,您无法可靠地检查FormData是否包含信息(正如您提出的原始问题).

在Chrome和Firefox中,您可以使用FormData.entries()来检索信息,但旧版浏览器不支持这些信息,当然也不支持IE浏览器.

另一种方法是直接验证表单元素 – 正如您所做的那样 – 除了您错过了文件输入.另请注意,您应该删除async:false作为使用它的非常糟糕的做法.

要修复代码,请在if条件中检查文件输入的val():

$('#uploadimage').on('submit',function(E) {
    e.preventDefault();
    var name = $('#numprod').val().trim();
    var pret = $('#pretprod').val().trim();
    var file = $('input[type="file"]').val().trim(); // consider giving this an id too

    if (name && pret && filE) {
        $.ajax({
            url: 'connect.PHP',data: new FormData(this),success: function(){
                alert('uploaded successuflly!');
            }
        });
    } else {
        alert('input fields cAnnot be left empty you num num!');
    }
});
@H_419_2@

大佬总结

以上是大佬教程为你收集整理的jquery – 检查FormData是否为空全部内容,希望文章能够帮你解决jquery – 检查FormData是否为空所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。