javascript - jQuery 检查表单中所有必需的输入是否不为空

Question

想象一个带有方法 POST 和 30 个输入的简单表单。

我想创建一个将从提交按钮调用的 jQuery 函数。我搜索了如何检查所有必需的输入，但没有找到任何帮助。

我想要这样的东西:

var inputs_required = all inputs from my form which have attribute required;
function check_required_inputs() {
   if(inputs_required != "") {
     //create ajax with serialize() and submit form;
   }
} else {
   //highlight inputs that are empty and show a message;
}

这可以在 jQuery 中实现吗？

Answer 1

Zakaria 已经发布了一个答案，应该会很好用。或者，您可以找到所有具有 required< 属性的 input、textarea 和 select 元素，而不是使用自定义类 并且可见使用

var required = $('input,textarea,select').filter('[required]:visible');

然后使用 each() 等遍历它们

例子:

var allRequired = true;
required.each(function(){
    if($(this).val() == ''){
        allRequired = false;
    }
});

if(!allRequired){
    //DO SOMETHING HERE... POPUP AN ERROR MESSAGE, ALERT , ETC.
}