Html 如果单击“提交”按钮，则会在显示中间打开模式弹出窗口？

单击“提交”按钮时，我的引导模式弹出窗口不工作。。 我只能使用bootstrap4、Js、Jquery3.0

功能检查{ var输入=document.getElementsByTagNameinput； var inputs=document.getElementsByTagNameselect； var inputs=document.getElementsByTagNameradio； var=true； var oneChecked=false； 对于变量i=0；i<输入；i++{ 如果输入[i]。类型===text&&！输入[i]。值{ 填充=假； } 如果输入[i]。类型===选择输入[i]。值（&i）{ 填充=假； } 如果输入[i]。类型===收音机和输入[i]。已选中{ oneChecked=true； } } 如果！一个检查{ 填充=假； } 对于var j=0；j<输入；j++{ 如果！输入[j]。值{ 填充=假； } 如果！输入[j].oneChecked{ 填充=真； } } 如果填满{ document.getElementByIdsubmitacc.disabled=false； }否则{ document.getElementByIdsubmitacc.disabled=true； } } window.addEventListenerkeyup，检查； window.addEventListener单击，选中； 选择要从中传输记录的A/c：* 选择项目 普卢姆兹 Plumz2 Plumz3 Plumz4 Plumz5 选择要将记录传输到的A/c：* 选择一个项目 普卢姆兹 Plumz2 Plumz3 Plumz4 Plumz5 提交 重置 错误 &时代；

合并选项在交易记录TXN:xxxxxx中失败

好啊

---

我不知道当您可以选择使用jQuery时，为什么要编写普通JavaScript

然而，您的函数检查有很多错误。主要是每次调用getElementsByTagName时都会重新写入输入变量。我猜您要做的是获取所有输入、选择和选择元素，并检查它们是否有值，并相应地更新填充的变量

getElementsByTagName返回元素数组。 您可以使用ES6 spread运算符和forEach检查具有值的输入

检查附加的代码段

功能检查{ var inputs=[…document.getElementsByTagNameinput，…document.getElementsByTagNameselect，…document.getElementsByTagNameradio]； var=false； var numberOfFilledInputs=0； inputs.forEachinput=>{ if！！input.value numberOfFilledInputs++； }; 如果numberOfFilledInputs==inputs.length{ document.getElementByIdsubmitacc.disabled=false； }否则{ document.getElementByIdsubmitacc.disabled=true； } } window.addEventListenerkeyup，检查； window.addEventListener单击，选中； 选择要从中传输记录的A/c：* 选择一个项目 普卢姆兹 Plumz2 Plumz3 Plumz4 Plumz5 选择要将记录传输到的A/c：* 选择一个项目 普卢姆兹 Plumz2 Plumz3 Plumz4 Plumz5 提交 重置 错误 &时代； 交易记录TXN:XXXXXXX中的合并选项失败

好啊

---

嗯，在inspect元素上，有很多错误。你试过调试吗？SCRIPT5007:SCRIPT5007:无法设置未定义或空引用的属性“disabled”（已禁用）。我甚至无法使链接或代码段正常工作。[X]按钮是否重要。我建议你做的唯一一件事就是把console.log…有用的诊断信息。。。在任何地方，确保你的每一行代码都能完美地工作。是的，非常感谢你。。我的控制台显示错误。。对于like Uncaught TypeError，只有一个错误：无法在check app.js:409中将属性“disabled”设置为null，这仅在其他页面中显示，我不知道为什么？请确保您没有更改submit按钮的类别，并且确保您的reset按钮也在那里，最后不要忘记在头部包含jquery脚本标记它起作用了！！但是sir仍然未捕获TypeError:无法在check app.js:409上将属性“disabled”设置为null此错误显示在其他页面中

<div class="container">
  <div class="row">
    <div class="col-md-12">
      <form class="contactForm">
        <div class="form-group col-6" style="margin-bottom: 0px;">
          <label class="col-sm-6 control-label p-sm-0 acc-merge" for="frm_acc">Select the A/c from which the records are to be transferred:*</label>
          <select class="form-control select-data .has-success" name="frm_account" id="frm_acc" required>
            <option value="">Choose an items</option>
            <option value="1">Plumz</option>
            <option value="2">Plumz2</option>
            <option value="3">Plumz3</option>
            <option value="4">Plumz4</option>
            <option value="5">Plumz5</option>
          </select>
          <div class="input-group col-sm-6 p-sm-0 form-group"></div>
        </div>
        <!-- To account name -->
        <div class="form-group col-6" style="margin-bottom: 0px;">
          <label class="col-sm-6 control-label p-sm-0 acc-merge" for="to_acc">Select the A/c to which the records are to be transferred:*</label>
          <select class="form-control select-data .has-success" name="to_account" id="to_acc" required>
            <option value="">Choose an items</option>
            <option value="1">Plumz</option>
            <option value="2">Plumz2</option>
            <option value="3">Plumz3</option>
            <option value="4">Plumz4</option>
            <option value="5">Plumz5</option>
          </select>
          <div class="input-group col-sm-6 p-sm-0 form-group"></div>
        </div>
        <button type="button" class="btn add-btn submit-btn" data-toggle="modal" data-target="#merge_err">Submit</button>
        <button type="reset" class="btn btn-default reset-btn stock_rst" style="left: 0%" id="reset-btn">Reset</button>
      </form>
    </div>
  <div>
</div>

    <div class="modal" id="merge_err">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <h4 class="modal-title">Error..</h4>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
            <p class="popup-text">Merging option Faild in Transaction record TXN#:XXXXXXX</p>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-danger ml-10 pull-right okbutton" id="ok" data-dismiss="modal">Ok</button>
          </div>
        </div>
      </div>
    </div>

$(document).ready(function(){


 // For Disabling the submit button
  $('.submit-btn').attr('disabled',true);
  $('select').on('change', function() {
    if($('#frm_acc').val() > 0 && $('#to_acc').val() > 0) {
      $('.submit-btn').attr('disabled',false);
    }
  });

  $('.reset-btn').on('click', function() {
    $('.submit-btn').attr('disabled',true);
  });

});