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

Question

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

谢谢

Answer 1

我会使用jQuery Validate。

一行 jQuery 选择表单并应用验证插件。每个元素都有一些元数据来指定验证规则。

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

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

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

Answer 2

以下是我的 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 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;
    }
}

}