Question

我添加了一个警报输入字段来更改密码，但我们如何才能对离子输入字段进行验证？

account.ts

 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();
  }

供参考：Alert controller input box validation

如何验证离子中的警报警报输入？

1 个答案: