How to validate dropdown in Angular?

Question

Veerendra Annigere · Answer

"form" (ngSubmit)= "f.form.valid && onSubmit()" #f= "ngForm" novalidate> "Select Gender" name= "gender" [(ngModel)]= "model.gender" #gender= "ngModel" required> Male Female Other "f.submitted && gender.invalid" > "gender.errors.required" >Gender is required "submit" >Submit

Laxmidhar Sahoo · Answer

AngularJS Select Box / Dropdown List Validation "https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js" > var app = angular.module( 'selectboxApp' , []); app.controller( 'selectboxCtrl' , function ($scope) { $scope.arrlist = [{ "userid" : 1, "name" : "Suresh" }, { "userid" : 2, "name" : "Rohini" }, { "userid" : 3, "name" : "Praveen" }]; $scope.checkselection = function () { if ($scope.userSelect != "" && $scope.userSelect != undefined) $scope.msg = 'Selected Value: ' +$scope.userSelect; else $scope.msg = 'Please Select Dropdown Value' ; } }); "selectboxApp" ng-controller= "selectboxCtrl" AngularJS Select Box / Dropdown List Validation Example "users" ng-model= "userSelect" > "" >--Select User-- "option in arrlist" value= "{{option.userid}}" >{{option.name}} "button" value= "Submit" ng-click= "checkselection()" /> "color:red" >{{msg}}

Parth Munjpara · Answer

Language: ---Select--- {{lan}} Select Language Submit

How to validate dropdown in Angular?

Answers (3)