JavaScriptで簡易入力チェック

最近は、フォームのバリデーションチェックを行うプラグインも結構増えてきましたが、簡易的に入力有無のチェックを行うJavaScriptを。。。

function check(){var flag = 0;
    if(document.forms.name.value == ""){
        flag = 1;
    }

    else if(document.forms.mail.value == "" && document.forms.tel.value == "" ){
        flag = 1;
    }
    
    //アラートを出す
    if(flag){
        window.alert('未入力の項目があります');
        return false;
    }
    else{
        return true;
    }
}

上記がそのスクリプト。
実際に適用されるフォームは次のようなものです。

<form action="?" method="post" name="forms" onSubmit="return check()" >
    <p>▼お名前▼</p><input type="text" name="name" value="">

    <p>▼お問い合わせ内容▼</p><textarea name="text" rows="10" cols="44"></textarea>
            
    <p>▼返信用メールアドレス▼</p><input type="text" name="mail" value="">
            
    <p>▼お電話番号▼</p><input type="text" name="tel" value="">

    <input type="submit" value="送信"/>
</form>

各色分けされた「name=""」がdocument…以降に対応してます。

documentの(formsという名前の)formの中のinput要素のnameに入力されている情報を取得。
それが「""」でなければ（何も入っていなければ）フラグを立てずに、何も入っていなければflagを１にします。
あとは、フラグが１の場合にアラートを出すというものです。

今回は「document.forms.mail.value == "" && document.forms.tel.value == "" 」という条件を入れていたりしますが、これはmailとtelの両方が「""」の場合にフラグを立てるようにしているので、どちらかの入力があれば☑おkということになります。