Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/477.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在angular中形成“验证关节”下拉菜单?_Javascript_Angularjs - Fatal编程技术网

Javascript 如何在angular中形成“验证关节”下拉菜单?

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&

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</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发表了评论,这是我想要的方式