Boostrap javascript表单验证

Boostrap javascript表单验证,javascript,bootstrap-4,Javascript,Bootstrap 4,我正在做一个引导和javascript表单验证。我要检查的是这张表是否填好了。其中一个是表单,我没有选中这两个单选按钮,当我提交表单时,会出现警告消息,提示您必须选择一个选项。当我选择一个选项并点击提交时,它不会提交表单。我已经实现了下面的代码,到目前为止,代码显示了表单未完成的警告消息 /****检查表单是否已填写 ****************************************************** */ 函数validateForm(){ var radios=do

我正在做一个引导和javascript表单验证。我要检查的是这张表是否填好了。其中一个是表单,我没有选中这两个单选按钮,当我提交表单时,会出现警告消息,提示您必须选择一个选项。当我选择一个选项并点击提交时,它不会提交表单。我已经实现了下面的代码,到目前为止,代码显示了表单未完成的警告消息

/****检查表单是否已填写
****************************************************** */
函数validateForm(){
var radios=document.getElementsByClassName(“.form check input”);
var formValid=false;
var i=0;
而(!formValid&&i}
表单有效规则必须在单击事件中:

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;
  }
}
函数validateForm(){
var radios=document.getElementsByClassName(“.form check input”);
var formValid=false;
var i=0;
而(!formValid&&i
ok。谢谢,我已经尝试了你的建议,现在它只是提交了表格,没有验证itOk,我编辑了代码,我认为这样它会工作的。好酷。现在它进行验证,但不提交表单。我试图删除返回值true,但它与null状态下的返回值完全不同。我尝试删除返回表单Valid,它提交表单,但没有进行验证。我把表单和完整的js验证放在链接Ok cool中。现在它进行验证,但不提交表单。我试图删除返回值true,但它与null状态下的返回值完全不同。我尝试删除返回表单Valid,它提交表单,但没有进行验证。我将表单和完整的js验证放在jsfiddle.net/dctech/sdw8jmue链接中