在javascript中检查html数组中的空字段答案

【问题标题】：Check empty field from html array in javascript在javascript中检查html数组中的空字段
【发布时间】：2012-03-07 12:15:08
【问题描述】：

我有一个简单的 HTML 文件，其中书位字段为数组，代码如下

<input type="checkbox" name="book[]" value="<?php echo $i; ?> /><?php echo $i; ?>

<input type="submit" value="BOOK" onclick = "checkIfSeatEmpty()" />

我用来验证字段book是否为空的javascript是：

var x=document.forms["bkfrm"].getElementById("chkbx").value;

 //alert(x);   alerts 'undefined' !
// var x=document.forms["bkfrm"].getElementById("book").length;
    alert(x);
    if (x==null || x=="")
    {
        alert("First name must be filled out");
        return false;
    }
return TRUE;

但是上面的代码警告为undefined！如何检查该字段是否为空？

【问题讨论】：

您的代码中没有这样的 id 'chkbx'。
只需添加 id="book"。在您的代码中只有 name 属性，但没有 id 属性。 getElementById 按 id 搜索元素。
你可以看看这个Javascript: Get all elements with id id
在调用getElementById 之前应该不需要导航到document.forms["bkfrm"]。元素 ID 应该是唯一的，因此 document.getElementById('chkbx') 应该足够了。如果您在单个页面中有多个具有相同 id 的元素，则会生成无效代码。此外，使用document.getElementById 而不是document.forms["bkfrm"].getElementById 也会更快。

标签： javascript html arrays validation

【解决方案1】：

尝试如下

var x=document.forms["bkfrm"].getElementById("book").checked;

【讨论】：

【解决方案2】：

在你的 html 代码中没有 chkbx 或 book 这样的 id.. 使用以下代码

jquery

$("input[name='book']:checked").val();

【讨论】：