Javascript 如果输入已填充，则使用“仅加载动画”

我有一个输入和选择页面。这是我的加载动画，它正在加载页面，但我想将其设置为按钮单击，并使其仅在输入已填充时工作。我需要它，因为用户应该确认规则，检查书面信息，并在提交时发送邮件，这需要3-15秒。我需要用加载gif来填充这个暂停

$（窗口）.load（函数（）{
//在屏幕外设置加载程序动画
美元（“.se pre con”）。淡出（“慢”）；；
});
.no js#loader{display:none；}
.js#loader{显示：块；位置：绝对；左：100px；顶部：0；}
.se预检{
位置：固定；
左：0px；
顶部：0px；
宽度：100%；
身高：100%；
z指数：9999；
背景：url（指向gif的路径）中心无重复#fff；
}

尝试使用以下方法：

演示：


$（'#formz'）。提交（函数（事件）{
$（'#load'）.show（）；
var valid=true；
$（this）.find（'input'）.each（function（）{
if（！$（this.val（））{
有效=错误；
}
})
如果（！有效）{
event.preventDefault（）；
console.log（'所有字段都是必需的！'）；
setTimeout（函数（）{
$（'#load'）.hide（）；
},1000);
回来
}
});
#加载{
宽度：100%；
身高：100%；
位置：固定；
z指数：9999；
背景：url（“https://www.creditmutuel.fr/cmne/fr/banques/webservices/nswr/images/loading.gif）无重复中心rgba（0,0,0,0.25）
}

多恩
希望以下内容对您有所帮助

$(document).ready(function (e) {
    e.preventDefault();
$('#buttonID').click(function(){
$.ajax({
    beforeSend : function(xhr, opts){
        //show loading gif
        $('#load').show(); 
    },
    success: function(){
         //hide loading gif
                $('#load').hide(); 
    }
});

}

}))
 我用Jquery解决了我的问题。还有更简单的方法。以下是检查输入验证的方法，具体取决于您的输入要求和成功演示动画：


jQuery.validator.setDefaults({
是的，
成功：“有效”
});
$（“#我的按钮”）。在（'click'，function（）上{
如果（$（“#我的表格”）.valid（））{
$（“#我的表格”）[0]。提交（）；
$（“#我的动画”）.show（）；
}
});
您自己做了什么来检查输入是否已填写？@CarstenLøvboAndersen在问题中添加了js代码谢谢您的回答。我也可以做到这一点，但我需要使它的工作，只有当所有的输入都填写。在您和我的情况下，如果按下按钮，它就会工作，而我不需要它。@Orik3ll0-您可以在不按下按钮的情况下进行表单提交。问题是我必须按下按钮，因为用户应该再次提交规则并检查书面信息。感谢您的帮助，但我没有看到在此代码中检查空输入。我需要它的工作，只有当所有的输入都填写你可以使所有的输入字段需要。