javascript - 具有多个文本输入的 DRY javascript

Question

我有大约 20 个表单文本输入。对于它们中的每一个，我想确保它们存在并对它们应用相同的逻辑，如下所示:

var title = $('#title')
if (title == '') {
     title.css({
       'background-color': 'rgba(230, 89, 78, 0.07)',
    }); 
};

<input type="text" id="title" />

我如何“批量”应用这个而不是为每个文本输入重写这个？理想情况下，我希望有一个变量列表，其中包含我需要为此执行此操作的所有字段:['title', 'company', 'copyright', ...]。

Answer 1

你可以给它们一个公共(public)类(比如validate)然后使用.each():

$('.validate').each(function() {
    var $this = $(this);

    if (!$this.val()) {
        $this.removeClass('valid');
        $this.addClass('invalid');
    } else {
        $this.removeClass('invalid');
        $this.addClass('valid');
    }
});

从那里，使用 CSS 应用样式。