Radio Schaltfläche Validierung angularjs

Gewusst wie: deaktivieren Sie die Schaltfläche senden,wenn ein radio-button ist nicht selecetd.Sofern der radio-button erzeugt dynamisch Daten vom controller mit ng-repeat in angularjs

Schwer zu sagen, was ist genau das problem, aber die docs haben ein gutes Beispiel docs.angularjs.org/api/ng/directive/ngDisabled

InformationsquelleAutor honeyprince | 2014-07-23

  1. 1

    Ich verwendet ng-required="true" auf Eingaben. Und es hat funktioniert.
    Werfen Sie einen Blick auf diese plunker: http://plnkr.co/edit/NF5j2VC6prUCjRIk5bLW?p=preview

    InformationsquelleAutor araghorn

  2. 0

    Können Sie verwenden, ng-erforderlich, auf dem Feld und der submit-button ng-deaktiviert

    http://plnkr.co/edit/h7FJljOXSaEjkKZ9L3S9?p=preview

    Werfen Sie einen Blick auf die ng-erforderlich und ng-deaktiviert-Richtlinien in diesem Kodex:

    <form name="myForm" ng-submit="submitForm()" ng-controller="ExampleController">
   <input type="radio" ng-model="color" value="red" ng-required="!color">  Red <br/>
   <input type="radio" ng-model="color" value="green" ng-required="!color"> Green <br/>
   <input type="radio" ng-model="color" value="blue" ng-required="!color"> Blue <br/>
   <tt>color = {{color | json}}</tt><br/>
   <button 
   data-ng-disabled="myForm.$invalid"
   type="submit">Submit</button>
  </form>
    fast, aber nicht arbeiten, überprüfen Sie bitte Ihre plnkr
    Wie diese plunkr funktioniert: wenn kein radiobutton ausgewählt-senden-Schaltfläche ist deaktiviert, wenn Sie wählen Sie eine der Optionen aus der radio-buttons ausgewählt wird, dass das erwartete Verhalten?
    ja aber wenn Sie auf Absenden klicken, können Sie sehen, alarmieren ?
    Nun, die Frage ist: Wie deaktivieren Sie die Schaltfläche "senden", wenn radio button nicht ausgewählt ist, wird nichts über das anzeigen einer Warnung 😉

    InformationsquelleAutor Braulio

  3. 0

    http://plnkr.co/edit/lPOAaddGNBBOd8c9sWj2?p=preview

    <form name="myForm" ng-submit="submitForm()" ng-controller="ExampleController">
       <input type="radio" ng-model="color" value="red" >  Red <br/>
       <input type="radio" ng-model="color" value="green" > Green <br/>
       <input type="radio" ng-model="color" value="blue" > Blue <br/>
       <tt>color = {{color | json}}</tt><br/>
       <button 
       data-ng-disabled="!color"
       type="submit">Submit</button>
      </form>

    js:

     angular.module('radioExample', [])
     .controller('ExampleController', ['$scope', function($scope) {
       $scope.color = '';
       $scope.specialValue = {
         "id": "12345",
         "value": "green"
       };

       $scope.submitForm = function() {
         alert('valid');
       }

     }]);

    InformationsquelleAutor sylwester

Schreibe einen Kommentar