Restrict dot on empty input field

Question

I have mat input field in angular 6 in which i am going to restrict (.)dot on empty field. if value presents dot needs allowed otherwise if empty input field means it should throw error like "dot not allowed'

how to achieve this in angular 6

anyone help me please...

<mat-form-field floatLabel="never" class="full-width transparent-form">
    <input matInput name="hoursSpent" required #workedHoursValidation="ngModel"
           placeholder="Worked hours:e.g:1.5 (or) 1" class="w-100" appNumberAloneMask [form]="form"
           [ngModel]="newTaskHours" (input)="onSearchChange($event.target.value)" (ngModelChange)="newTaskHours = form.value.hoursSpent">
    <mat-error *ngIf="workedHoursValidation.hasError('required')">Required</mat-error>
</mat-form-field>

you can get some help from here stackoverflow.com/a/40718896/6820850 — Pavan Nagadiya
– Pavan Nagadiya, Commented Jul 9, 2019 at 7:47

Alon Yampolski · Accepted Answer · 2019-07-09 07:42:34Z

0

You can use pattern (regex expression) validation on your form, here is an example:

Validator that requires the control's value to match a regex pattern. This validator is also provided by default if you use the HTML5 pattern attribute.

const myForm = new FormGroup(
  {
    'hoursSpent': new FormControl(this.hero.name, [Validators.pattern('^[0-9]+\.?[0-9]*$')])
  }
);

You can find more information about angular validation here and specifically pattern validation

answered Jul 9, 2019 at 7:42

Alon Yampolski

8497 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Restrict dot on empty input field

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related