javascript - 检查输入框数组是否为空

Question

最好在 jQuery 中执行此操作，简单验证以检查输入框是否为空。但是，这些是输入框的动态数组。该代码应该有助于理解:

<input type="text" id="qtn" name="question" />
<input type="text" name="answer[]" />
<button type="button" id="btn"> Save </button>

我理解问题输入的通常想法是这样的:

$('#btn').click(function () {
    var question = $.trim($('#qtn').val());

    // Check if empty of not
    if (question === '') {
        alert('Text-field is empty.');
        return false;
    } else {
        $('#form').submit();
    }
});

这对于 answer[] 输入类型如何工作，因为会有动态数量的答案，并且希望确保无论用户选择了多少，所有这些框都被填充。

谢谢!

Answer 1

您可以使用 filter() 方法来查找 form 中的任何空文本框。另请注意，您应该在提交 form 本身时执行此检查，而不是单击按钮，因为有人可以在焦点位于文本框上时通过按 return 键来提交表单。试试这个:

$('form').submit(function(e) {
    var $emptyFields = $(this).find(':text').filter(function() {
        return this.value.trim() == '';
    });

    if (!$emptyFields.length) {
        e.preventDefault(); // stop the form submission
        alert('Please fill out all fields');
    } else {
        $form.submit();
    }
});