Form Validation deaktivieren Taste

Ich habe einige EingangsForm Validation deaktivieren Taste

   <div class="data"> 
        <underline-input id="name" name="name" [(ngModel)]='this.header.patient.givenName' required #name="ngModel" pattern="^([A-Za-z-ZąćęłńóśźżĄĆĘŁŃÓŚŹŻ]+[,.]?[ ]?|[A-Za-z-ZąćęłńóśźżĄĆĘŁŃÓŚŹŻ]+['-]?){3,128}$"></underline-input> 
       </div> 
       <div *ngIf="name.invalid && (name.dirty || name.touched)" class="error-message"> 
        <div *ngIf="name?.errors.required"> 
         Field is required 
        </div> 
        <div *ngIf="name?.errors.pattern"> 

        </div> 
       </div>

, wenn ich in der Eingabe klicken und setzen leere Schaltfläche ist deaktiviert, aber in anderen Eingang

  <div class="data"> 
       <underline-input id="regon" [(ngModel)]="this.company.regon" name="regon" [ngModelOptions]="{standalone: true}" #regon="ngModel" required></underline-input> 
      </div> 
      <div *ngIf="regon.invalid && (regon.dirty || regon.touched)" class="error-message"> 
       <div *ngIf="regon?.errors.required"> 
        Field is required 
       </div> 
      </div>

wenn ich klicken Sie in Nachrichteneingabefehler Anzeige aber ich kann auch klicken, um zu knöpfen und Formular zu senden?

schneide ich einige Code aus Form und verließ ich zwei Eingänge

<form class="form-horizontal" (ngSubmit)="onSubmit(f)" #f="ngForm"> 
      <div class="section" id="pacient-data" ngModelGroup="pacientData" #pacientData="ngModelGroup"> 
       <div class="section-title">Pacient</div> 
       <div class="row"> 
        <div class="text">Name:</div> 
        <div class="data"> 
         <underline-input id="name" name="name" [(ngModel)]='this.header.patient.givenName' required #name="ngModel" pattern="^([A-Za-z-ZąćęłńóśźżĄĆĘŁŃÓŚŹŻ]+[,.]?[ ]?|[A-Za-z-ZąćęłńóśźżĄĆĘŁŃÓŚŹŻ]+['-]?){3,128}$"></underline-input> 
        </div> 
    <div *ngIf="name.invalid && (name.dirty || name.touched)" class="error-message"> 
        <div *ngIf="name?.errors.required"> 
         Field is required 
        </div> 
        <div *ngIf="name?.errors.pattern"> 
          Error 
        </div> 
       </div> 
      </div> 
      <div class="section"> 
       <div class="section-title">Typ</div> 
       <div id="kindData" ngModelGroup="kindData" #kindData="ngModelGroup"> 
        <div class="row"> 
        <div class="text">Regon:</div> 
        <div class="data"> 
         <underline-input id="regon" [(ngModel)]="this.company.regon" name="regon" [ngModelOptions]="{standalone: true}" #regon="ngModel" required></underline-input> 
        </div> 
        <div *ngIf="regon.invalid && (regon.dirty || regon.touched)" class="error-message"> 
         <div *ngIf="regon?.errors.required"> 
          Field is requierd 
         </div> 
        </div>  
       </div>  
      </div> 

      <button type="submit" [disabled]="!f.form.valid" class="btn btn-primary btn_send">Zatwierdź</button> 
     </div> 
     </form>

Quelle

2017-09-04 Walter White

können Sie das ganze Formular veröffentlichen? Wo ist der Knopf –

@RahulSingh das ganze Formular ist sehr lang –

nicht in der Lage, dies zu verstehen, "wenn ich in Eingabe Fehlermeldung klicke ist Anzeige, aber ich kann auch klicken und Formular senden?" Was bedeutet das –

hoffen, dass Sie für diese

Überprüfung der unten zB suchen.

<!DOCTYPE html> 
 
<html> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> 
 
<body ng-app=""> 
 

 
<p>Try leaving the first input field blank:</p> 
 

 
<form name="myForm"> 
 
<p>Name: 
 
<input name="myName" ng-model="myName" required> 
 
<br> 
 
<span ng-show="myForm.myName.$invalid">The name is required.</span><br><br> 
 
<button type="submit" ng-disabled="myForm.myName.$invalid">submit</button> 
 
</p> 
 

 
</form> 
 

 

 

 
</body> 
 
</html>

Quelle

2017-09-04 11:16:35

Form Validation deaktivieren Taste

Antwort

Verwandte Themen