Javascript 在填写动态创建的必填字段之前，保持“提交”按钮处于禁用状态

我想一直禁用submit按钮，直到填写所需字段

首先,， 我发现了一些关于这个问题的问题，但问题是我有一些必填字段和非必填字段，而且我正在动态创建这些字段。 以下是一个例子：

<input type="text" id="releaseartist" name="releaseartist" required="true" placeholder="Required Field"/>

这是我的提交按钮：

<input type="submit" class="btn btn-primary" value="Submit" id="form-submit" onclick="return myConfirm();" />

---

您可以检查迄今为止添加到文档中的必填字段的计数，并根据计数将submit按钮的属性设置为disabled（禁用）或enabled（启用）

您可以按如下方式计算所需的类组件：

var numItems = $('.required').length

var required_ele = document.getElementsByClassName('required');
var allfilled=true;
for (var i = 0; i < required_ele.length; ++i) {
    var item = required_ele[i];  
    if(item.value.length==0){
      allfilled=false;
    }
}
if(allfilled){
   document.getElementById("form-submit").disabled = false;
}
else{
  document.getElementById("form-submit").disabled = true;
}

编辑

要检查是否填写了所有必需的类元素，可以检查如下：

var numItems = $('.required').length

var required_ele = document.getElementsByClassName('required');
var allfilled=true;
for (var i = 0; i < required_ele.length; ++i) {
    var item = required_ele[i];  
    if(item.value.length==0){
      allfilled=false;
    }
}
if(allfilled){
   document.getElementById("form-submit").disabled = false;
}
else{
  document.getElementById("form-submit").disabled = true;
}

var required_ele=document.getElementsByClassName（'required'）；
var-allfilled=true；
对于（变量i=0；i

您可以检查迄今为止添加到文档中的必填字段的计数，并根据计数将submit按钮的属性设置为disabled（禁用）或enabled（启用）

您可以按如下方式计算所需的类组件：

var numItems = $('.required').length

var required_ele = document.getElementsByClassName('required');
var allfilled=true;
for (var i = 0; i < required_ele.length; ++i) {
    var item = required_ele[i];  
    if(item.value.length==0){
      allfilled=false;
    }
}
if(allfilled){
   document.getElementById("form-submit").disabled = false;
}
else{
  document.getElementById("form-submit").disabled = true;
}

编辑

要检查是否填写了所有必需的类元素，可以检查如下：

var numItems = $('.required').length

var required_ele = document.getElementsByClassName('required');
var allfilled=true;
for (var i = 0; i < required_ele.length; ++i) {
    var item = required_ele[i];  
    if(item.value.length==0){
      allfilled=false;
    }
}
if(allfilled){
   document.getElementById("form-submit").disabled = false;
}
else{
  document.getElementById("form-submit").disabled = true;
}

var required_ele=document.getElementsByClassName（'required'）；
var-allfilled=true；
对于（变量i=0；i

• 从设置了禁用属性的按钮开始
• 将更改事件侦听器添加到表单元素（假设该元素是所有输入的父元素 元素）
• 在变更处理程序中，检查是否填写了所有必填字段，如果是，则启用“提交”按钮

即使用户稍后删除在必填字段中输入的值，提交按钮也会再次禁用

• 从设置了禁用属性的按钮开始
• 将更改事件侦听器添加到表单元素（假设该元素是所有输入的父元素 元素）
• 在变更处理程序中，检查是否填写了所有必填字段，如果是，则启用“提交”按钮

---

---

即使用户稍后删除了在必填字段中输入的值，提交按钮也会再次被禁用

只需为提交按钮编写一个验证即可。@Ducaz035，如上所述，任何原因都可以只编写一个验证程序，在单击提交按钮时检查必填字段是否已填写…？另外，如果您真的需要，可以在动态生成每个必填字段时添加一个onChange类型的事件处理程序，该事件可以检查是否已填充所有必填字段。我可以添加一个事件处理程序。当然，我想知道如何检查所有必需的输入字段。我需要一个环。您能给我看一个片段吗？只需为“提交”按钮编写一个验证。@Ducaz035，如上所述，您是否可以编写一个验证程序，在单击“提交”按钮时检查所需字段是否已填写…？另外，如果您确实想，在动态生成每个必填字段时，可以添加一个onChange类型的事件处理程序，该事件可以检查是否已填充所有必填字段。我可以添加一个事件处理程序。当然，我想知道如何检查所有必需的输入字段。我需要一个环。你能给我看一个片段吗？我没有得到正确的答案。我想，在检查了必填字段后，我该怎么办？我将如何确定它们是否已填充？您可以找到所需的组件计数，并使用它可以启用/禁用提交按钮检查问题的编辑我对此感到抱歉，但我仍然不知道如何使用此信息好吧，现在有道理，我将通过执行document.getElementsByClassName将它们作为一个数组（“必需”）；，非常感谢，我会尽快尝试。很高兴这对您有所帮助。我没有正确地得到这个答案。我想，在检查必填字段后，我该怎么办？我将如何确定它们是否已填充？您可以找到所需的组件数，并使用它可以使提交按钮启用/禁用对问题的检查编辑对此我很抱歉，但我仍然不知道如何使用这些信息。好吧，这很有意义，我将通过编写文档将它们作为一个数组。getElementsByClassName（'required'）；，非常感谢您，我将尽快尝试。很高兴它对您有所帮助。感谢算法，这有助于解决方案的概述，但我仍然有问题“检查是否填写了所有必填字段”这一部分。@Ducaz035有许多方法可以帮助您进行验证本身。这可能是一个好的开始。感谢算法，这有助于解决方案的概述，但我仍然存在“检查是否填写了所有必填字段”的问题“这部分。@Ducaz035有许多方法可以帮助您进行验证本身。这可能是一个好的开始。