forms - JS でフォ​​ーム入力フィールドを検証する最も簡単な方法

Question

すべての入力フィールドを JavaScript で検証する最も簡単な方法は何ですか? フィールドが入力されているかどうかを確認したい。

どうも

Answer 1

以下は私のjavascriptコードです：

<script>
function Check(frm) 
{
  var input, EmptyFound=false; 
  var elem = document.getElementById('frmMain').elements;
  for(var i=0;i<elem.length;i++) 
  {
    input = elem[i];
    if(input.type == "text") 
    {
        if(input.value == "") 
       {
            EmptyFound = true;
            break; 
        }
    }

    return notEmpty; 
}
</script>

Answer 2

これを使用して、入力の異なるタイプを区別できます

これは私のプロジェクトの単なるサンプルです

    //var frm_elements = document.mainForm.elements;
    //var frm_elements =document.getElementById('mainForm').elements;

    for (var i = 0; i < document.mainForm.elements.length; i++)
    {document.mainForm.elements[i];
        if(document.mainForm.elements[i]!=null)

        {

            var field_type = document.mainForm.elements[i].type;
            switch (field_type)
            {
                case "text":
                    if(document.mainForm.elements[i].name.indexOf("from")!='-1' &&
                        document.mainForm.elements[i].name.indexOf("frotom")!='-1' &&
                        !document.mainForm.elements[i].name.indexOf("serNo")!='-1' &&
                        !document.mainForm.elements[i].name.indexOf("repKey")!='-1' &&
                        !document.mainForm.elements[i].name.indexOf("orderKey")!='-1' &&
                        !document.mainForm.elements[i].name.indexOf("formatKey")!='-1' )
                    {
                        document.mainForm.elements[i].value = "";
                    }

                    break;
                case "password":
                case "textarea":
                case "hidden":
                /* frm_elements[i].value = "";
                    break;*/
            case "radio":
            case "checkbox":
            /*if (frm_elements[i].checked)
                    {
                        frm_elements[i].checked = false;
                    }
                    break;*/
        case "select-one":
        case "select-multi":
            if(document.mainForm.elements[i].name.indexOf("ddlMainSubModule")=='-1')
                document.mainForm.elements[i].selectedIndex = 0;
            break;
        default:
            break;
    }
}

}

Answer 3

jQuery Validateを使用します。

フォームを選択して検証プラグインを適用するための jQuery の 1 行。また、検証ルールを指定するための各要素のメタデータが少しあります。

必須の実施に特化したドキュメントは、次の場所にあります。

http://docs.jquery.com/Plugins/Validation/Methods/required

jQuery を追加する必要があります (まだ使用していない場合) が、高速で強力な検証フレームワークを提供します。