使用 JS 验证表单输入字段的最快方法答案

【问题标题】：Quickest way to validate form input fields with JS使用 JS 验证表单输入字段的最快方法
【发布时间】：2023-04-08 00:17:01
【问题描述】：

用 javaScript 验证我的所有输入字段的最快方法是什么？我想检查这些字段是否填写。

谢谢

【问题讨论】：

请说得更具体一些，一般来说 jQuery 有一个不错的验证插件，而且 html5 也为你做了很多客户端验证。

标签： forms validation field

【解决方案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>

【讨论】：

还有一种方法可以只验证“文本”和“密码”类型的输入吗？编辑：你的答案已经准备好了:)
检查 type == "text" ||在相同的代码中输入 == “密码”。

【解决方案2】：

我会使用jQuery Validate。

单行 jQuery 选择表单并应用验证插入。以及每个元素上的一些元数据来指定验证规则。

专门用于执行所需的文档位于

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

它需要添加 jQuery（如果你还没有使用它的话），但它提供了一个快速而强大的验证框架。

【讨论】：

【解决方案3】：

你可以用它来区分输入的不同类型

这只是我项目中的一个示例

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

}

【讨论】：