AngularJS Dropdown需要验证
AngularJS Dropdown需要验证
提问于 2013-03-12 19:37:03
以下是我的代码片段。我想使用angular来验证我的dropdown。
<td align="left" width="52%">
<span class="requiredSmall">*</span>
<select class="Sitedropdown" style="width: 220px;"
ng-model="selectedSpecimen().serviceID"
ng-options="service.ServiceID as service.ServiceName for service in services">
<option value="" ng-selected="selected">Select Service</option>
</select>
</td>有效方法：
有效值可以是除"Select Service“之外的任何值，这是我的默认值。像其他ASP.net需要字段验证器DefaultValue="0“作为dropdown，所以这里我的dropdown将从服务绑定，我想选择除"Select Service”之外的所有其他值。
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-03-12 22:09:39
您需要将name属性添加到下拉列表中，然后添加required属性，然后可以使用myForm.[input name].$error.required引用错误
HTML：
<form name="myForm" ng-controller="Ctrl" ng-submit="save(myForm)" novalidate>
<input type="text" name="txtServiceName" ng-model="ServiceName" required>
<span ng-show="myForm.txtServiceName.$error.required">Enter Service Name</span>
<br/>
<select name="service_id" class="Sitedropdown" style="width: 220px;"
ng-model="ServiceID"
ng-options="service.ServiceID as service.ServiceName for service in services"
required>
<option value="">Select Service</option>
</select>
<span ng-show="myForm.service_id.$error.required">Select service</span>
</form>
Controller:
function Ctrl($scope) {
$scope.services = [
{ServiceID: 1, ServiceName: 'Service1'},
{ServiceID: 2, ServiceName: 'Service2'},
{ServiceID: 3, ServiceName: 'Service3'}
];
$scope.save = function(myForm) {
console.log('Selected Value: '+ myForm.service_id.$modelValue);
alert('Data Saved! without validate');
};
}这是一个有效的plunker。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15360094
复制相关文章
相似问题