即使必填字段已填写,也会显示错误消息

时间:2015-08-31 08:29:43

标签: html

我事先道歉,因为我对此很陌生,我的代码中可能存在一个非常明显的错误。 我正在进行一项调查,我需要参与者填写年龄字段。我对人口统计数据的问题编码为表格,我从其他地方获得了代码,我只是在调整它。我希望调查看起来更好,并找到一种方法将强制性文本字段推到年龄问题之下而不是旁边。自从我这样做以后,我收到了一条错误消息。有时它会说“'年龄'的价值不佳”,有时它会说“'年龄'字段是强制性的。”即使填写了年龄字段。

这是(显然是错误的)代码的样子:

<tr>
  <td><b>1. How old are you?</b><br><input name="age" type="text" size="3"   class="obligatory" /></td>
</tr>
<tr>
<td colspan="2"><label class="error" for="age"></label></td>
</tr>

这就是它仍然有效时的样子:

<tr>
  <td>Age:</td><td><input name="age" type="text" size="2" class="obligatory" /></td>
</tr>
<tr>
<td colspan="2"><label class="error" for="age"></label></td>
</tr>

有人能指出我代码中的哪一位确切地导致了这个错误吗?

2 个答案:

答案 0 :(得分:0)

  

我正在进行调查,我需要参与者填写年龄   字段。

required属性添加到输入字段,如下所示:

<tr>
  <td>Age:</td>
  <td><input name="age" type="text" size="2" required/></td>
</tr>
<tr>
  <td colspan="2"><label class="error" for="age"></label></td>
</tr>

它肯定会完成这项工作,因为表格无法发送所需的输入字段未填写。即使您在填写必填字段之前尝试点击提交按钮,浏览器也会提醒您输入信息。

答案 1 :(得分:0)

我刚刚删除了我的其余代码(我没有在这里发布)并且它有效!因此错误必须在代码中的其他位置。对不起大家。