javascript - 下拉菜单和单选按钮未得到验证

Question

这是工作表单的链接:http://jsbin.com/vuroyaparo/2/

我正在尝试单击三个按钮中的任何一个(单选按钮、4 个估计每日使用按钮、保存产品)来验证表单

a) 如果用户单击任何按钮，则会发出警报，显示所有空白字段，并根据输入不断更新错误。

当我在代码中输入函数 returnVal 时，我在控制台中收到错误
未捕获类型错误:无法读取 null 的属性“catDropdown”

它在开始时运行我的函数，但即使通过第一个下拉列表也不会验证。 catDropdown 是一个标记 HTML 选择元素的变量。

对于复选框同样的问题，所以我尝试编写 2 个选项(在 js 文件末尾注释)

我错过了一些东西。 (无论大还是小)=啊哈；

有人可以帮帮我吗？我第一次尝试验证。我只是在寻找 JS 解决方案，因为我不了解 Jquery。

谢谢

Answer 1

错误 Uncaught TypeError: Cannot read property 'catDropdown' of null 是由于您调用 var energyForm = document.getElementById("energyForm"); 而引起的您的 HTML 中没有 ID='energyForm' 的元素。您可以为表单提供 ID 和引用，或者调用 document.getElementsByName("energyForm")[0]。

另请注意行 if(energyForm.catDropdown.selectedIndex = 0){会将值 0 分配给 energyForm.catDropdown.selectedIndex，而不是将其值与 0 进行比较。除此之外，您可能只希望这一行是: if(catDropdown.selectedIndex == 0){

进一步注意，var catDropdown = document.getElementById("dd1"); 行也将返回 null，因为 HTML 中没有 ID='dd1' 的元素。 ID='ddl'且name='dd1'的选择可以通过使用 var catDropdown = document.getElementById("ddl"); 或 var catDropdown = document.getElementById("dd1")[0];