jquery - 如何在jquery中使用多个输入字段类名进行验证

Question

假设我有两个输入字段的形式

<input type="text" name="form-first-name" placeholder="name" class="form-first-name form-control require" id="name">
<input type="text" name="form-age" placeholder="age" class="form-first-name form-control require" id="age">

现在我想验证这两个输入字段唱 jquery。为此我正在使用

$('.registration-form input[class="require"]).on('focus', function() {
    $(this).addClass('input-error');
});

但这里没有验证工作。但如果我有使用

$('.registration-form input[id="name"]).on('focus', function() {
    $(this).addClass('input-error');
});

验证工作正常。

但我想使用，class否则我需要验证每个id. 如果我可以使用class它将更容易验证。

标签： jqueryhtmlvalidation

Answer 1

在第一种情况下，使用选择器input[class="require"]，您只选择包含一个类的字段require。您需要选择包含此类的字段。为此，请通过类使用调用：

$('.registration-form .require').on('focus', function(){
  $(this).addClass('input-error');
});

不要忘记结束撇号。

或者您需要为需要验证的那些元素设置一个不同的通用类（如果该类required不合适）。