HTML5表单必需属性不显示输入类型无线电的消息

时间:2016-03-05 02:58:10

标签: php jquery html5 forms

我正在进行数据库驱动的测试,只是在标签上的结束标记之前添加了必需的属性。我发现,如果我没有回答问题,那么点击提交按钮,页面会跳到未回答的问题,并显示一条消息 - 类似于"你需要选择一个答案"或者其他什么。

这是一个很棒的功能,但它不适用于输入类型=无线电的问题。如果我没有回答其中一个问题,请点击提交按钮,表单不会处理任何内容,但它不会显示提醒用户注意问题的消息。

有谁知道如何解决这个问题?

P.S。我的脚本不允许我插入" required"只有一个元素。如果我插入" required,"它会自动显示在所有复选框中。

<label for="q'.$QID.'-'.$Value.'"><input type="checkbox" name="q'.$QID.'[]" id="q'.$QID.'-'.$Value.'" value="'.$Value.'" required> '.$QA.'</label>

1 个答案:

答案 0 :(得分:1)

只需为单选按钮组的一个输入设置所需属性即可。

<form>
  <label for="input1">male</label>
  <input type="radio" name="gender" id="input1" value="male" required>

  <label for="input2">female</label>
  <input type="radio" name="gender" id="input2" value="female">

  <input type="submit" value="send">
</form>

您需要记住的一件非常重要的事情是,收音机和复选框输入按名称属性分组。因此,任何一个输入(在一组具有相同名称的输入中)所需的设置都可以。另一方面,如果你错过了name属性,它就不会像你期望的那样工作。