如何根据单选按钮重置验证错误的值

时间:2017-08-17 20:19:44

标签: angularjs validation radio-button clear ng-required

我有下面的代码来选择是\否以从多选下拉列表中选择选项。但只有当我从收音机中选择“是”选项时才需要它。否则,当我从“是”移动到“否”时,验证消息应该消失。(当用户选择“否”时,我在脚本中禁用“多选”)

<input id="Option1" name="MyRadio" ng-model="MyRadioData" type="radio" title="Yes" value="Yes" ng-click="Flip('Yes')" />Yes

<input id="Option2" name="MyRadio" ng-model="MyRadioData" type="radio" title="No" value="No" ng-click="Flip('No')" />No

<select id="MultiSelect1" kendo-multi-select name="MultiSelect1" k-value-primitive="true" k-max-selected-items="30" k-placeholder="multiPlaceHolderVendor"
k-ng-model="MyOptions" k-data-source="MyOptionsDS" ng-required="MyRadioData == 'Yes'" validationmessage="Required"></select>

<span data-for="MultiSelect1" data-role="validator"></span>

但是上面的代码没有用,虽然我已经使用了ng-required选项进行多选。

感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

如果<span data-for="MultiSelect1" data-role="validator"></span>是放置消息的地方,您可以使用ng-show ng-hide来处理:

<强>更新

<!-- if you choose no  it hide--> 
<span ng-hide="MyRadioData == 'No'" data-for="MultiSelect1" data-role="validator"></span>

<!-- if you choose yes  it hide--> 
<span ng-hide="MyRadioData == 'Yes'" data-for="MultiSelect1" data-role="validator"></span>

这是一个带有按钮的plnkr,但它也是如此,我会帮助您完成这项工作。