使用jquery点击验证页面上的所有输入字段

Question

我对 jquery 完全陌生，但我已经尽力了。

我有一个 asp.net mvc 项目，其页面充满了 x 可编辑输入。 我做了这个简单的按钮

<input type="button" class="btn btn-info" id="validate" value="Validate document" />

我想要实现的是在用户填写输入后，我希望他/她按下按钮并检查是否所有字段都已填写。 我做了这个jquery：

 $('.editable').ready(function () {
        $('.editable').editable('option', 'validate', function (v) {
            if (!v) return 'Field required!';
        });
    })

当我在一个空字段上按下输入时，它会触发验证。

我需要的是在单击#validate 时突出显示页面上所有空的 x 可编辑字段并显示“必填字段！”消息。

任何帮助将不胜感激

Answer 1

试试这个，

$("input:empty").length == 0;

如果为零，则没有一个是空的。

要过滤仅包含空格的项目，您可以这样做：

$("input").filter(function () {
    return $.trim($(this).val()).length == 0
}).length == 0;