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;
}