Comment définir la limite d'entrée dans AlertBox dans ionique v3

Question

Donc je crée une boîte d'alerte, et il a quelques entrées, et je veux limiter cette entrée à 10 caractères maximum et aussi s'assurer que seuls les nombres sont entrés dans il

je ne pouvais pas trouver des guides à ce sujet, toute aide serait appréciée

> const alert = this.alertCtrl.create({ 
              title: 'Please Enter your Mobile', 
              inputs: [ 
              { 
               name: 'mobile', 
               placeholder: 'Mobile' 
              } 

              ], 
              buttons: [ 
              { 
               text: 'Done', 
               handler: data => { 
                  if (data.mobile != "" || data.mobile != null) { 
                    this.data3 = data.mobile; 
                    this.storage.set('number',data.mobile); 

                  } 
                  else { 
                    this.ionViewDidLoad(); 
                  } 
               } 
              } 
              ] 
           }); 
           alert.present(); 

Voici mon code, je veux limiter le champ de saisie mobile à 10 caractères et faire prendre que des valeurs numériques et est également possible de vérifier si son vide ou pas

Answer 1

Vous pouvez utiliser Toast notification ici.

gestionnaire de alerte done Boxe:

{ 
      text: 'Done', 
      handler: (data) => { 
      if (MyValidator.isValid(data.mobile)) { 
       if (this.data) { 
       //my code 
       } else { 
       //my code 
       } 
       return true; 
      } else { 
       this.showErrorToast('Invalid mobile'); 
       return false; 
      } 
      } 
     } 

Note: Ici MyValidator est une classe de validation où vous pouvez utiliser en fonction de votre cas d'utilisation.

méthode Toast est comme ceci:

showErrorToast(data: any) { 
    let toast = this.toastCtrl.create({ 
     message: data, 
     duration: 3000, 
     position: 'top' 
    }); 

    toast.onDidDismiss(() => { 
     console.log('Dismissed toast'); 
    }); 

    toast.present(); 
    } 

Vous pouvez voir this pour plus d'informations.