时间戳

首页 > 解决方案 > 表单验证无法删除 removeError 函数上所需的 css

javascript - 表单验证无法删除 removeError 函数上所需的 css

问题描述

我设法使所有字段都是必需的并经过验证。但是当我尝试创建一个不需要的字段时，它不会删除 CSS。

HTML：

<div class="form-group"><label for="">Your email addresss<span class=""></span></label><input type="email" class="form-control"><small style="display: none"></small></div>

JS代码：

var removeError = function (element, siblings) {
    $(element).removeClass("text-error");

    siblings.each(function (index, sib) {
        if (sib.tagName == "SMALL") {
            sib.innerText = ""
            $(sib).removeClass("text-danger");
            $(sib).removeClass("font-weight-bold");
            $(sib).hide();
        }
    })
};

我尝试通过删除 CSS class="text-danger"进行实验，甚至注释掉我的函数检查的以下行

 <!-- <small style="display: none"></small> -->

为什么上述更改不起作用？我怎样才能使这个实用程序或配置的工作也不需要字段，

我正在苦苦挣扎，有什么方法可以设置不需要的字段，我现在不想使用第三方库（例如 jQuery Validate 插件），因为它在我的系统上不起作用。因为他们中的大多数使用“表单”标签，没有表单标签就无法管理使用它。

演示代码笔：https ://codepen.io/dunya/pen/KYdQPd

标签： javascriptjquery

解决方案

推荐阅读