2017-08-22 3 views
0

Ich verwende eckige js für Formularvalidierung. Ich möchte Fehlermeldungen mit ng-Show zeigen, wenn Benutzer auf span Tag ohne Formular klicken. Wie könnte ich das erreichen?wie ng-show ohne Formular zu verwenden?

Hier ist mein Code für das

<form name="frmStudent" id="frmStudent" class="form-horizontal row-border" ng-controller="StudentCtrl"> 
     <br /> 
     <div class="col-md-12"> 
      <div class="form-group"> 
       <label class="col-md-4 control-label" for="input17"> First Name</label> 
       <div class="col-md-7"> 
        <input type="text" 
          id="idFirstName" 
          class="form-control" 
          name="nameFirstName" required ng-model="firstName" /> 
        <span ng-show="frmStudent.nameFirstName.$error.required">Tell us your first name.</span> 
       </div> 
      </div> 

      <div class="form-group"> 
       <div class="col-md-4"> 
       </div> 
       <div class="col-md-7"> 
        <span id="save" class="btn btn-success margin-right-btn" 
          ng-click="frmStudent.$valid && SaveUpdate()"> 
         <i class="icon-save"></i> {{btnText}} 
        </span> 
       </div> 
      </div> 
     </div> 

    </form> 
+0

Sie müssen die 'span' anzeigen, bevor Sie das Formular absenden. –

+0

Wie wird ng-show aufgerufen, wenn ng-click ausgelöst wird? In diesem Szenario funktioniert ng-show nicht – user3090790

+0

ng-click wird nur ausgelöst, wenn das Formular gültig ist, also warum soll ng-show erscheinen? – Vivz

Antwort

0

Für Fehler, nachdem der Benutzer klicken Sie auf das span-Tag zeigt Ihnen in den ng-Show frmStudent hinzufügen können. Vorgelegt $.

Um das Formular nicht zu senden, können Sie es an die Funktion SaveUpdate() als Parameter SaveUpdate (frmStudent) übergeben und die Datei frmStudent. $ Valid verwenden, um zu entscheiden, ob Sie es senden möchten oder nicht.

Verwandte Themen