2012-04-04 99 views
0

我有一些输入HTML元素,我想验证它们是否被填满。基本上,它们是强制性的。我正在做这样的事情:验证DOM元素

var displayNames new Array(); 
    displayNames[0] = "Name"; 
    displayNames[1] = "Address"; 
    displayNames[2] = "Age"; 

function validForm() { 
    var Name = document.getElementById(txtName).value; 
    if(!Name) { 
     alert(displayName[0] is required); 
    }} 

我应该如何使验证容易在JS?

+2

有两件事情需要记住验证:1)它应该发生在服务器上以及客户端(我相信你已经覆盖了这一点),2)它应该尽可能地少一些烦恼。 “警报”信息真的很突兀;考虑禁用提交按钮,直到数据输入正确,或者显示一个小红色的'div',警告用户数据输入不正确(不要搞乱表单的焦点)。 – 2012-04-04 15:21:48

+0

是的,但我正在构建一个iPad应用程序,我想在弹出窗口中显示缺少的字段。 – 2012-04-04 15:35:12

回答

1

我应该如何使验证容易JS?

这取决于。他们都是字符串吗?或者可以有些人是数字?或者需要一个正则表达式(比如电子邮件地址)?哎呀,有人甚至可以是一个空的字符串或空白?

如果我们谈论的是不到12个领域,那么我会考虑推出我自己的验证。但是,如果我们正在讨论跨多个页面和项目的很多字段,那么我会考虑使用验证插件,如http://bassistance.de/jquery-plugins/jquery-plugin-validation/

+0

数字,字符串和日期的组合。是的,其中一些也可以是空的。 – 2012-04-04 15:28:21

+0

好吧,我有不到12个领域。此外,您发布的链接。它是否也持有DOM元素之间的内部依赖关系?就像我检查1. CheckBox1那么TextBox1应该被检查。像这样? – 2012-04-04 15:36:50

3
+0

这是否也会在依赖dom元素上工作? – 2012-04-04 15:29:34

+1

您可以为各种dom元素添加验证规则:http://docs.jquery.com/Plugins/Validation/rules – 2012-04-04 16:01:34