javascript - 需要对javascript中的所有字段发出警报

Question

如何获得所有空字段的警报。在下面的代码中，我可以得到用户名字段的警报。如何获得所有领域的警报。

JavaScript 代码

function null_field(form_name, field_name) {
  var field = document.forms[form_name][field_name].value;

  if (field == null || field == "") {
    alert("All Field Are Required");

    return false;
  }
}

登录表单

<form action="login_code.php" method="post" onSubmit="return null_field('login_form', 'username')" name="login_form">
<b>Username: </b><input type="text" name="username" class="field">
<b>Password: </b><input type="password" name="password" class="field">
<input type="submit" value="submit">
</form>

Answer 1

而是为整个表单创建一个函数：

function valid_form(form_name) {
    var form = document.forms[form_name],
        fields = form.elements, i = 0, l = fields.length;
    for (; i < l; i++)
        if (fields[i].value === "") {
            alert("All Field Are Required");
            return false;
        }
    return true;
}

Answer 2

对于每个字段，您必须调用该函数。因此，对于每个输入标签，调用onsubmit="not_null".

Answer 3

我认为链接会帮助您满足您的需求。希望你正在寻找相同的

http://www.c-sharpcorner.com/blogs/8702/validation-summary-in-javascript.aspx

Answer 4

如果在有任何空字段时需要一个警报，则可以使用以下内容：

function validate_fields(form_name) {      
  var has_empty_fields = false;

  for (var field in document.forms[form_name].elements) { 
    if(field == null || field.value == "") {
      has_empty_fields = true;
      break;
    }
  }

  if (has_empty_fields) {
    alert("All Fields Are Required");
    return false;
  }

  return true;
} 

Answer 5

在原始 javascript 中，您可以执行以下操作：

function null_field(form_name)
  {
    for(i=0; i<document.forms[form_name].elements.length; i++){
       if (document.forms[form_name].elements[i] == null ||document.forms[form_name].elements[i].value == "" || document.forms[form_name].elements.value == undefined)
              {
                  alert("All Field Are Required");
                  return false;
              }
    }
    return true;
}