10 Digit Mobile Number Validation in Angular
In this post we will give you information about 10 Digit Mobile Number Validation in Angular. Hear we will give you detail about 10 Digit Mobile Number Validation in AngularAnd how to use it also give you demo for it if it is necessary.
I will explain step by step tutorial angular phone number validation pattern. we will help you to give example of phone number validation in angular 8. Here you will learn mobile number validation in angular reactive form. if you have question about 10 digit mobile number validation in angular then i will give simple example with solution.
You can use mobile number validation pattern in angular 6, angular 7, angular 8 and angular 9 application.
I will give you full example of how to implement validation for 10 didit mobile number in angular application. textbox should accept only numbers and 10 digit mobile number in angular using reactive form. you can also see bellow preview for validation.
Solution:
this.form = fb.group({
mobileNumber: ['', [Validators.required, Validators.pattern("^((\+91-?)|0)?[0-9]{10}$")]]
})
Example:
src/app/app.component.html
<div >
<h1>10 Digit Mobile Number Validation in Angular - ItSolutionStuff.com</h1>
<form [formGroup]="form" (ngSubmit)="submit()">
<div >
<label for="mobileNumber">Mobile Number</label>
<input
formControlName="mobileNumber"
id="mobileNumber"
type="text"
>
<div *ngIf="f.mobileNumber.touched && f.mobileNumber.invalid" >
<div *ngIf="f.mobileNumber.errors.required">Mobile Number is required.</div>
<div *ngIf="f.mobileNumber.errors.pattern">Please, Enter 10 digit Mobile Number.</div>
</div>
</div>
<button type="submit" [disabled]="!form.valid">Submit</button>
</form>
</div>
src/app/app.component.ts
import { Component } from '@angular/core';
import { FormBuilder, FormGroup, FormControl, Validators} from '@angular/forms';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
form: FormGroup = new FormGroup({});
constructor(private fb: FormBuilder) {
this.form = fb.group({
mobileNumber: ['', [Validators.required, Validators.pattern("^((\+91-?)|0)?[0-9]{10}$")]]
})
}
get f(){
return this.form.controls;
}
submit(){
console.log(this.form.value);
}
}
I hope it can help you…
PHP - I Can't get the $_POST Values on Ajax Request
In this post we will give you information about PHP - I Can't get the $_POST Values on Ajax Request. Hear we will give you detail about PHP - I Can't get the $_POST Values on Ajax RequestAnd how to use it also give you demo for it if it is necessary.
I want to share this posts with you because when i was working on native PHP and Ajax Post request(Specially AngularJS Post request) at that time i can't get Post value on form submit. That's why i would like to share you this post. I also want to tell you i was working on my Ubuntu 14.04. I did try lot but i can't get value.
At last find stuff to how to solve this issue, i did use "file_get_contents('php://input')" that way i could get POST value in json object and i also decode json value using "json_decode()". So let's try this way :
Example:
$post = file_get_contents('php://input');
$post = json_decode($post);
$sql = "INSERT INTO items (title) VALUES ('".$post->title."')";
$result = $mysqli->query($sql);
Hope this code and post will helped you for implement PHP - I Can't get the $_POST Values on Ajax Request. if you need any help or any feedback give it in comment section or you have good idea about this post you can give it comment section. Your comment will help us for help you more and improve us. we will give you this type of more interesting post in featured also so, For more interesting post and code Keep reading our blogs
Hope this code and post will helped you for implement 10 Digit Mobile Number Validation in Angular. if you need any help or any feedback give it in comment section or you have good idea about this post you can give it comment section. Your comment will help us for help you more and improve us. we will give you this type of more interesting post in featured also so, For more interesting post and code Keep reading our blogs