Any update plz!! On Wednesday, December 14, 2016 at 9:36:06 PM UTC+5:30, Aec wrote: > > > > i m using Angular 2.0 and want to validate form and want to write pattern > in input type="text" (it can't be number and the validation can't be with > JS) that allow me to enter only numbers, min:1 and max:30? with some > conditional: > Here is my form dateForm and based on Holidays i want to select my > [attr.pattern] so my questions are > : 1. Can we validate it in HTML tag itself? I tried but pattern is not > working with condition (true/false) > 2. If not then how to use Angular but not sure how my Form get > invalidate. As if i do validation in onChange then how my form get > invalidate at the time of submit. > > <div class="panel panel-default"> > <div class="panel-header"> > <div class="row"> > <div class="col-xs-4"> > <label class="select-all"> > <input type="checkbox" id="selectAllCheckbox" > [(ngModel)]="isSelectAll" (change)="selectAllOnChange($event)"> Select All > </label> > </div> > <div class="col-xs-4 float-right"> > <select class="form-control input-sm" > [(ngModel)]="selectedDays"> > <option value="op1">Days</option> > *<option value="op2">Holidays</option>* > </select> > </div> > </div> > </div> > <div class="panel-body"> > <form #dateForm="ngForm"> > <div class="row"> > <div class="col-xs-3 col-periodicity"> > <div class="form-inline"> > > <label class="checkbox-inline"> > <input type="checkbox" id="checkbox" name="checkbox" > [(ngModel)]="periodicObj[0].ischecked" > (change)="daysSelectionOnChange($event,0)"> Day1 > </label> > <div class="form-group"> > <input type="text" name="days" > *[**attr.pattern]="selectedDays === 'op2' ?([1-9]|[12]\d|3[01]): false"* > [required]="selectedDays === 'op2' && perObj[0].ischecked" > [(ngModel)]="perObj[0].daysAfterMonthEnd" > class="form-control input-sm > input-periodicity"> > </div> > </div> > > </div> > <!-- .col-xs-3 --> > </div> > <!-- .row --> > </form> > </div> > </div> > <!-- .panel-body --> > </div> > <!-- .panel-default --> > > > >
-- You received this message because you are subscribed to the Google Groups "Angular" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at https://groups.google.com/group/angular. For more options, visit https://groups.google.com/d/optout.
