Question

我有一个包含多种输入类型的div。即文本，广播，复选框...... 我想强制div。这意味着如果我检查收音机或复选框或在文本字段中输入值，则强制条件满足。即，选择其中任何一个都满足条件。如果所有都没有任何值，我必须在div下面显示角度消息（ng-messages）。此代码是从Javascript动态生成的。因此，在提交表格时应该进行验证。

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.min.js"></script>

<div id="div1"><!--This div is mandatory-->


<input type="checkbox" name="div1" value="SomeValue" ng-model="vm.check1">Some<br/>

<input type="checkbox" name="div1" value="SomeValue2" ng-model="vm.check2">Some2<br/>

<input type="radio" name="div1" value="Male">Male<br/>
<input type="radio" name="div1" value="Female">Female<br/>
<input type="text" name="div1" ng-model="text1"><br/>
</div>

<div></div><!--Should display ng-messages here if none of the above selected.-->
<br/><br/>
<div id="div2"><!--This div is mandatory-->
<input type="checkbox" name="div2" value="SomeValue" ng-model="vm.check3">Some<br/>

<input type="checkbox" name="div2" value="SomeValue2" ng-model="vm.check4">Some2<br/>
</div>
<div></div><!--Should display ng-messages here if none of the above selected.-->

＆＃13;

有没有可能实现这个目标？

Answer 1

是的，您只需将所有输入字段组包装在fieldset下，然后将required属性应用于fieldset即可。

确保每个字段的name属性应该不同，以便将每个字段视为不同。它可以是性别单选按钮的同名。

<!--Below field input fields are mandatory now-->
<fieldset id="div1" required="">
  <input type="checkbox" name="check1" value="SomeValue" ng-model="vm.check1">Some<br/>
  <input type="checkbox" name="check2" value="SomeValue2" ng-model="vm.check2">Some2<br/>
  <input type="radio" name="gender" value="Male">Male<br/>
  <input type="radio" name="gender" value="Female">Female<br/>
  <input type="text" name="text1" ng-model="text1"><br/>
</fieldset>

HTML5是一组多种输入类型的必需属性

1 个答案: