javascript - 表单验证只验证第一个字段

Question

空错误消息仅显示第一个 div ....没有所有 div(名称、密码)...为什么？

//empty checking 
function checkEmpty(field_id) {
  var check_all = document.getElementById(field_id);
  if (check_all.value == "" || check_all.value == null) {
    displayWarning(field_id, check_all.parentNode.id, "you can't leave this empty")
    return false;
  }
}

//display warning error message
function displayWarning(element_id, parent_div, message) {
  var x = document.getElementById(parent_div).querySelectorAll(".error_msg");
  if (x.length == 0) {
    var para = document.createElement("p");
    para.setAttribute("class", "error_msg");

    var error_msg = document.createTextNode(message);
    para.appendChild(error_msg);

    document.getElementById(parent_div).appendChild(para);
    document.getElementById(element_id).className += " error_brd";
  }
}

<form id="form_main" method="post" onsubmit="radioValidation()">
  <div id="f_name">
    <label for="name" id="name_label">Name:</label>
    <div id="input_error_section">
      <input type="text" class="name_inC" id="name_in" placeholder="Shaon Hossain" onblur="checkEmpty('name_in'); nameValid('name_in')">
      <!--<div id="error_div">2222</div>-->
    </div>
  </div>
</form>

Answer 1

首先，html 中的 nameValid('name_in') 是什么？现在它没有指向任何东西并返回错误。

其次，您的代码正在按预期工作，您正在检查数组 x 是否为空，如果 true 您正在创建一个 textNode a p 设置属性等。然后将该段落添加到 div .input_error_section 您没有指示您的代码执行更多操作!还是我错过了什么？!