-1

Ich mache eckige js Drop-Down-Validierung, aber ein Problem bei der Dropdown-Validierung.Wie führe ich die Validierung der Dropdown-Kontrolle mit dem validierer jal validator durch?

ich alles von dieser Website und mit diesem Code genommen haben: https://github.com/turinggroup/angular-validator

Demo

Aber in den obigen Link gibt es nichts Vergleichbares auf Dropdwon control.So Validierung zu tun, wenn jemand Verwendung dieses gleichen Code haben Für eine Drop-Down-Validierung und wenn es erfolgreich ist, bitte führe mich.

Dies ist die Plunker i erstellt haben, die Drop-Down beinhaltet:

MyDropdownControlFullDemo

Und das ist mein Dropdown-Code:

 <select class="form-control m-b-sm" required ng-model="form.Obj" ng-options="c.Name for c in Obj track by c.Id"> 
       </select> 

$scope.Obj = [ 
    {Id : '0', Name : 'Select' }, 
     {Id : '1', Name : 'USA' },  
     {Id : '2', Name : 'Canada' }, 
     {Id : '3', Name : 'Russia' } ]; 

} 

    $scope.Obj = { Id: '0', name: 'Select' }; 

Was jede Option aus Dropdown tut ich will, dass, wenn der Benutzer dann sollte die Validierung genau so aussehen, wie die Validierung für die Textboxkontrolle erscheint.

Antwort

1

Sie müssen Ihren Code wie ändern -

in Html für ausgewählte Listen-

<select class="form-control m-b-sm" name="selectbox" required-message="'Yo! This field is required..'" 
          required ng-model="form.Obj" ng-options="c.Name for c in Objlist track by c.Id"> 
        <option value="">Select</option> 
</select> 

und der Controller wird wie folgt aussehen as-

angular.module('angular-validator-demo').controller('DemoCtrl',function($scope){ 

$scope.Objlist = [ 
    {Id : '0', Name : 'Select' }, 
     {Id : '1', Name : 'USA' },  
     {Id : '2', Name : 'Canada' }, 
     {Id : '3', Name : 'Russia' } ]; 



    $scope.Obj = { Id: '0', name: 'Select' }; 

    $scope.submitMyForm = function(){ 
     alert("Form submitted"); 
    }; 

    $scope.myCustomValidator = function(text){  
     return true; 
    }; 


    $scope.anotherCustomValidator = function(text){ 
     if(text === "rainbow"){ 
      return true; 
     } 
     else return "type in 'rainbow'"; 
    }; 

    $scope.passwordValidator = function(password) { 

     if(!password){return;} 

     if (password.length < 6) { 
      return "Password must be at least " + 6 + " characters long"; 
     } 

     if (!password.match(/[A-Z]/)) { 
      return "Password must have at least one capital letter"; 
     } 

     if (!password.match(/[0-9]/)) { 
      return "Password must have at least one number"; 
     } 

     return true; 
    }; 



}); 
+0

Sie Lösung nicht ordnungsgemäß funktioniert wie was passiert, wenn ich ein Textox und ein Dropdown-Steuerelement mit Ihnen Code, dann die Eingabe eines beliebigen Wertes in TextBox-Steuerelement und nicht die Auswahl von etwas, aber immer noch mein Formular erhalten auf Knopfdruck submit eingereicht –