Javascript找到课程

Question

我正在尝试为我的自定义表单创建一些javascript,而不使用jquery.所以我有几个输入.我想要的是用javascript找到这个.

if ($(".text-field").hasClass("input-validation-error")) {
   $(".error").css("display", " block");
      }
   else if ($(".text-field").hasClass("valid")) {
      $(".error").css("display", " none");
   }
   else {
      $(".error").css("display", " none");
   }
}

但我需要的东西,这意味着它将它应用于特定的输入(this)语句是否可能,这是我的html的一个例子

<div class="field-holder">
     <input id="name" name="name"/>
     <label for="name" class="error" style="display:none;">This field is required.</label>
</div>

类输入验证错误将自动应用.

Answer 1

在这里,您可以使用纯javascript中的所有功能.源代码是jQuery.js和我自己的测试.

function hasClass(element, className) {
    if (element.classList) {
        return element.classList.contains(className);
    } else {
        return new RegExp('(^| )' + className + '( |$)', 'gi').test(element.className);
    }
}

function addClass(element, className) {
    if (!hasClass(element, className)) {
        if (element.classList) {
          element.classList.add(className);
        }
        else {
          element.className += ' ' + className;
        }
    }
}

function removeClass(element, className) {
    if (element.classList) {
        return element.classList.remove(className);
    } else {
        return element.className = el.className.replace(new RegExp('(^|\\b)' + className.split(' ').join('|') + '(\\b|$)', 'gi'), ' ');
    }
}


function toggleClass(element, className) {
    if (hasClass(element, className)) {
        removeClass(element, className);
    } else {
        addClass(element, className);
    }
}