如何驗證離子警報輸入中的警報？

Question

我添加了一個警報輸入字段來更改密碼，但是我們如何對離子輸入字段進行驗證？

帳戶

 changePassword(){
 let alert = this.alertCtrl.create({
   title: 'Change Password',
   buttons: [
    'Cancel']
 });

  alert.addInput({
  name: 'Password',
  value: this.password,
  placeholder: 'password'
  });
 alert.addButton({
    text: 'Ok',
    handler: (data: any) => {
    this.userData.setUsername(data.username);
    let accountData=new FormData();
    accountData.append('userid',this.userid),
    accountData.append('password',data.Password)
    this.works.changePassword(accountData).subscribe(res=>{
      console.log(res),
      err=>{
        console.log(err)
      }
      })
    }
   });
  alert.present();
   }

Answer 1

您可以使用alert.setMessage('text')方法顯示驗證消息，並且不要忘記在驗證后添加return false以防止警報被關閉。

public displayToAlert(title, subTitle) {
    let alert = this.alertCtrl.create({
      title: title,
      subTitle: subTitle,
      message: '',
      enableBackdropDismiss: false,
      inputs: [
        {name: 'userEmail',
      placeholder: 'Email Id'}
      ],
      buttons: [{
        text: 'Cancel',
        handler: () => {
        }
      },{
        text: 'Send',
        handler: datas => {
          if(datas.userEmail != null && datas.userEmail.length > 0){
            this.onExportNew();
          }else{
            alert.setMessage('<b style="color: red;">Enter valid email id.</b>');
            return false;
          }
        }
      }]
    });
    alert.present();
  }

供參考： 警報控制器輸入框驗證