Question

我设法使所有字段都是必需的并经过了验证。但是，当我尝试创建不需要的字段时，它不会删除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

表单验证无法删除removeError函数上所需的CSS

0 个答案: