Question

我正在执行引导程序和JavaScript表单验证。我正在检查的是表格是否填写。我未选中两个单选按钮的表单之一，当我提交表单时，警告消息出现，提示您必须选择一个选项。当我选择一个选项并单击“提交”时，不会提交他的表单。我已经实现了下面的代码，到目前为止，代码正在显示警告消息，表明表单尚未完成。

/****** Checks to see if the form is filled out
****************************************************** */
function validateForm() {
  var radios = document.getElementsByClassName(".form-check-input");
  var formValid = false;

  var i = 0;
  while (!formValid && i < radios.length) {
      if (radios[i].checked){
        formValid = true;
      i++;    
      }     
  }
if (!formValid){ $("#modalButton").click(function(){
    $("#buttonAlert").addClass('show') //Shows Bootstrap alert
  });
return formValid;
  }
  else{
    return true;
  }

}

我在做错什么或想念什么？

Answer 1

formValid规则必须在click事件中：

function validateForm() {
  var radios = document.getElementsByClassName(".form-check-input");
  var formValid = false;

  var i = 0;
  while (!formValid && i < radios.length) {
    if (radios[i].checked) {
      formValid = true;
      i++;
    }
  }

  if (!formValid) {
    $("#buttonAlert").addClass('show')
    return formValid;
  } else {
    return true;
  }
}

Boostrap javascript表单验证

1 个答案: