angularjs限制用户只选择1复选框并提交表单

时间:2015-09-09 08:18:17

标签: angularjs validation checkbox

”     

选择以下文档之一

<p ng-if="chooseAwardDocForm.transcript.$error.required
&& chooseAwardDocForm.bachelors.$error.required
&& chooseAwardDocForm.masters.$error.required">Select one of the documents below:</p>


<div class="form-group">
    <input
            id="transcript"
            type="checkbox"
            name="transcript"
            ng-model="transcript"
            required="transcript && !bachelors && !masters">
    <label for="transcript">Transcript</label>


</div>
<br/><br/>

<div class="form-group">
    <input
            id="bachelors"
            type="checkbox"
            name="bachelors"
            ng-model="bachelors"
            required="!transcript && bachelors && !masters">
    <label for="bachelors">Bachelors Degree Completed year: 1999</label>


</div>
<br/><br/>

<div class="form-group">
    <input
            id="masters"
            type="checkbox"
            name="masters"
            ng-model="masters"
            required="!transcript && !bachelors && masters">
    <label for="masters">Masters Degree Completed year: 2001</label>

</div>
<br/><br/>

<div class="form-group">

    <button type="submit"> Select Shipping Address</button>

</div>

我必须: 1.限制用户只选择1复选框。 2.选择alteast 1复选框后,可以提交表格。 3.选择多个复选框后,用户无法继续提交。要么通过验证错误禁用警报。

0 个答案:

没有答案