Angularjs 使用Angular Js进行下拉验证

我正在使用AngularJs。我有一个下拉列表，我想在点击提交按钮时进行验证。下拉列表定义如下：

<select name="userTypeSelect" ng-model="selecteduserType"  ng-options="user.UserTypeName for user in users" ng-change="updateImageUrl(selectedUserType)">
    <option value="">-- Select the User --</option>
</select>

<input type="submit" value="Submit" ng-click="add()" /> 

--选择用户--

提交按钮的定义如下：

<select name="userTypeSelect" ng-model="selecteduserType"  ng-options="user.UserTypeName for user in users" ng-change="updateImageUrl(selectedUserType)">
    <option value="">-- Select the User --</option>
</select>

<input type="submit" value="Submit" ng-click="add()" /> 

选项

--选择用户-

是下拉列表中可用的第一个选项。我想检查用户是否没有选择任何内容或选择了

--选择用户--

，我想在单击提交按钮时显示验证

---

如何检查下拉列表中是否有正确的数据，而不是用户单击提交按钮时的空数据。

只需在if条件下检查

$scope.selecteduserType.length

$scope.add(){
    if($scope.selecteduserType.length){

    }
    else{
        alert("pls select a value");
    }
}

或

选择服务
选择服务

只需将

所需的

添加到

中，然后Angular将验证是否选择了默认值之外的无值选项。下面是一个简单的示例来展示它的实际应用：

angular.module（'app'，[]）
.controller（'ctrl'，函数（$scope）{
$scope.options=[{
id:1，
文本：“第一选项”
}, {
id:2，
文本：“第二选项”
}, {
id:3，
文本：“第三种选择”
}, {
id:4，
正文：“第四种选择”
}, {
id:5，
文本：“第五选项”
}];
});

--请选择--
请选择
所选选项有效：{form.select.$valid}
试试这个工作演示，它将按照您的期望工作


var myApp=angular.module（'myApp'，[]）；
myApp.controller（'MyCtrl'，函数（$scope）{
$scope.users=[{
id:1，
名称：“user1”
}, {
id:2，
名称：'user2'
}, {
id:3，
名称：“user3”
}];
$scope.add=函数（）{
控制台日志（“提交”）；
};
$scope.changeOption=函数（）{
$scope.submitted=false；
};  
});

用户类型选择是必需的。
选择服务
您好，谢谢您的回复。我尝试了这个，只有在提交按钮点击事件中，错误消息才会显示出来。此外，最初当选项为“-Select User--”时，错误消息不应显示。HI。。在IndexChange上，是否可以隐藏错误消息并仅在按下submit按钮时显示clicked@venkat14它仅在提交上工作。在IndexChange上，错误消息已隐藏。Hi。indexchange错误消息变得可见。场景：初始消息被隐藏。选择服务并单击提交。显示消息。现在选择一个有效的数据。然后再次选择“选择服务”，错误消息为shownOk got it。我按照你的期望更新了答案。请现在检查。