表单验证仅验证第一个字段

时间:2017-05-03 03:30:02

标签: javascript html css

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



<script type = "text/javascript">
    function uploadComplete(sender)      {
        $get("<%=lblMsg.ClientID%>").innerHTML = "File Uploaded Successfully";
     }

function uploadError(sender) {
    $get("<%=lblMsg.ClientID%>").innerHTML = "File upload failed.";
}
&#13;
//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";
  }
}
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

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

你的代码正常运行,你正在检查数组x是否为空,而true是否正在创建textNode a p设置属性等.. 然后将该段添加到div .input_error_section,您没有指示您的代码执行更多操作! 或者我错过了什么?!