Forms 选择并单选按钮“必需”属性

请帮助我：（我知道select属性应该是

<select required></select>

但是我有一个css我该怎么说呢

<div class="col-md-6">
                            <div class="form-group">
                              <label for="sel1">Which division of our company are you interested in *</label>
                              <select class="form-control" id="sel1">
                                <option>Please select one</option>
                                <option>Video game consoles and accessories</option>
                                <option>Gaming and entertainment gift cards/codes</option>
                                <option>Both</option>
                              </select>
                            </div>
                          </div>

你对我们公司的哪个部门感兴趣*
请选择一个
视频游戏机和配件
游戏和娱乐礼品卡/代码
二者都

另外，我如何才能使单选按钮也需要？对于其他请指定选项

<div class="col-md-6">

                                <label for="form_business">Type of business *</label>
                                <div>                                    
                                    <label class="radio-inline" style="padding-left:30px;">
                                    <input type="radio" name="optradio">Retailer
                                    </label>

                                    <label class="radio-inline">
                                    <input type="radio" name="optradio">Other - Please specify
                                    </label>
                                     <input id="form_other" type="text" name="other" class="form-control" placeholder="Please specify">
                                   </div>
                              </div>

业务类型*
零售商
其他-请说明

单选按钮： 请参阅。您只需为放射组的一个输入设置

必需的
属性，但您可以为所有输入设置该属性

<div>
  <label class="radio-inline" style="padding-left:30px;">
    <input type="radio" name="optradio" required>Retailer
  </label>

  <label class="radio-inline">
    <input type="radio" name="optradio">Other - Please specify
  </label>
  <input id="form_other" type="text" name="other" class="form-control" placeholder="Please specify">
</div>


零售商
其他-请说明

对于select：必须将第一个值设为空-必须处理空值


请选择一个
视频游戏机和配件
游戏和娱乐礼品卡/代码
二者都

fiddle
我知道这是一个老问题。但如果人们对这个问题仍然有意见的话。好吧，对于单选按钮，您只需添加一个必需的属性到这样的输入之一


零售商
其他请说明

只要其中一个输入有一个必需的按钮，它就可以正常工作

至于select按钮的另一个问题。不幸的是，select按钮组还没有必需的属性。但是可以通过javascript将select按钮包装在一个div中并使用js检查按钮是否被选中来解决。最好使用这样的代码来解释

HTML


你对我们公司的哪个部门感兴趣*
视频游戏机和配件
游戏和娱乐礼品卡/代码
二者都

Javascript

var checkbox=document.querySelectorAll（'sel1 input'）；
变量长度=0；
[…复选框].forEach（复选框=>{
如果（复选框.选中）长度++
})
如果（长度>0）{
/*
如果至少选中一个，则可以添加任何代码
你来过这里
*/
[…复选框].forEach（复选框=>{
复选框。setCustomValidity（“”）
})
}否则{
/*
如果未选中任何代码，则可以添加任何代码
你来过这里
*/
[…复选框].forEach（复选框=>{
checkBox.setCustomValidity（'错误'）
})
}

注意：HTMLSelectElement.setCustomValidity（）方法将选择元素的自定义有效性消息设置为指定的消息。使用空字符串表示该元素没有自定义有效性错误

希望这能回答您的问题
使用
jquery验证
。谢谢！我确实找到了答案，但是选择表单呢？我试着在课后放入required，但没有成功
<select class="form-control" id="sel1" required>
  <option value="">Please select one</option>
  <option>Video game consoles and accessories</option>
  <option>Gaming and entertainment gift cards/codes</option>
  <option>Both</option>
</select>