Javascript 如何在angular中形成“验证关节”下拉菜单?
HTML:Javascript 如何在angular中形成“验证关节”下拉菜单?,javascript,angularjs,Javascript,Angularjs,HTML: 1. 2. 3. 1. 2. 3. 我希望错误消息是(需要选择月份、年份!) 这有点像: <form name="loginForm" ng-submit="submit()" novalidate> <select name="Month" ng-required="true" ng-model="dob.Month"> <option>1</option> <option>2&
1.
2.
3.
1.
2.
3.
我希望错误消息是(需要选择月份、年份!)
这有点像:
<form name="loginForm" ng-submit="submit()" novalidate>
<select name="Month" ng-required="true" ng-model="dob.Month">
<option>1</option>
<option>2</option>
<option>3</option>
</select>
<select name="Year" ng-required="true" ng-model="dob.Year">
<option>1</option>
<option>2</option>
<option>3</option>
</select>
</form>
这是必需的!
这是必需的!
但我希望将错误消息发送到(需要选择月份、年份!)
有没有办法为这些选择菜单创建forloop并查看它们是否为$invalid-required 您可以在表单本身上进行验证
<span ng-if="loginForm.Year.$error.required">This is required!</span>
<span ng-if="loginForm.Month.$error.required">This is required!</span>
需要选择月份、年份!
如果您希望在月份或年份无效时显示相同的错误消息,可以将上述两条错误消息合并为一条消息,如下所示:
<span ng-if="loginForm.$invalid">Month, Year needs to be selected!</span>
<span ng-if="loginForm.Year.$error.required || loginForm.Month.$error.required">
Month and Year need to be selected!
</span>
需要选择月份和年份!
如果两个选项都未选中,或者一个选项已选中而另一个选项未选中,则将显示错误消息
编辑: 要实现所需的行为,您应该有三条具有不同ng if条件的单独错误消息,如下所示:
<span ng-if="loginForm.$invalid">Month, Year needs to be selected!</span>
<span ng-if="loginForm.Year.$error.required || loginForm.Month.$error.required">
Month and Year need to be selected!
</span>
必须选择月份和年份!
需要选择月份!
年份需要选择!
它确实可以工作,但我希望如果选择了年份,则会出现错误消息(需要选择月份),反之亦然(需要选择年份),或者两者都会出现错误消息(需要选择年份和月份)。我已经对Pankaj Parkar发表了评论,这是我想要的方式