删除类时启用表单提交按钮答案

【问题标题】：Enable form submit button when classes have been removed删除类时启用表单提交按钮
【发布时间】：2017-09-12 11:31:35
【问题描述】：

我有一个表单，页面加载时提交按钮被禁用。

window.onload=function()
{
    document.getElementById('form_submit').disabled = true;
}

当字段为空或不正确时，以下类将添加到输入字段中：

if(document.getElementById('thickness').value == false)
{
    document.getElementById('div_thickness').className = "form-group has-warning";
}
else if(document.getElementById('thickness').value > 1 && document.getElementById('thickness').value < 7)
{
    document.getElementById('div_thickness').className = "form-group has-success";
}
else
{
    document.getElementById('div_thickness').className = "form-group has-error";
}

删除所有错误或警告类后，应再次启用提交，但按钮保持禁用状态。有没有我遗漏的冲突？

if(document.getElementsByClassName('has-error') || document.getElementsByClassName('has-warning'))
{
    document.getElementById('form_submit').disabled = true;
}
else
{
    document.getElementById('form_submit').disabled = false;
}

【问题讨论】：

标签： javascript

【解决方案1】：

当你查询元素时，返回一个空数组，所以有东西。您需要检查数组长度：

if(document.getElementsByClassName('has-error').length > 0 || document.getElementsByClassName('has-warning').length > 0)

【讨论】：

感谢您的提示！！

【解决方案2】：

    else if(document.getElementById('thickness').value > 1 && document.getElementById('thickness').value < 7)
    {
        document.getElementById('div_thickness').className = "form-group has-success";
    if(document.getElementById("#div_thikness").classList.contain('form-group has-error'){
    $document.getElementById('#div_thickness).classList.remove('has-error);
    }
 if(document.getElementById("#div_thikness").classList.contain('form-group has-warning'){
    $document.getElementById('#div_thickness).classList.remove('has-warning);
    }
    }

成功后更新上面的代码，你必须删除has-warning和has-error类，而不仅仅是添加has-success。

【讨论】：