Help Ionic form validation 3

Asked

Viewed 360 times

0

I would like a little help , I’m new to Ionic , and I would like a help on email validations just to see if it is valid , I do not want to search in any database , I just want to know if it has @or . with something like that image : https://imgur.com/a/myR09

Code :

<ion-header>
</ion-header>


<ion-content padding id="register" style="background-image: url(assets/imgs/background.png)">
<div class="register">
<img src="assets/imgs/logo_azul.png" />
<p style="color :#FFFAFA; margin-left: 30%"> Crie sua conta
</p>
</div>
<form class="" action="index.html" method="post">

<ion-item id="box">
<ion-label floating><ion-icon name="ios-contact-outline"></ion-icon> Nome completo</ion-label>

<ion-input ></ion-input >
</ion-item>
<ion-item id="box">
<ion-label floating> <ion-icon name="ios-mail-outline"></ion-icon> Email</ion-label>
<ion-input type="email" style="text-decoration: underline"></ion-input>
</ion-item>
<ion-item id="box">

<ion-label floating> <ion-icon name="lock"></ion-icon> Senha</ion-label>

<ion-input type="password"></ion-input>

</ion-item>
<ion-item id="box">

<ion-label floating> <ion-icon name="lock"></ion-icon> Confirmar senha</ion-label>

<ion-input type="password"></ion-input>
</ion-item>

<button ion-button color="branco" round style="width: 120px" (click)="cancelar()">Cancelar</button>
<button ion-button color="branco" round style="width: 120px">Criar conta</button>
</form>

</ion-content>
  • <ion-input type="email" email style="text-Decoration: underline"></ion-input>

  • see if it works

No answers

Browser other questions tagged

You are not signed in. Login or sign up in order to post.