Question

所以我正在创建一个警告框，它有一些输入，我想将该输入限制为最多10个字符，并确保只输入数字

我找不到任何指南，任何帮助都将不胜感激

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

这是我的代码，我想将移动输入字段限制为10个字符并使其只取数值，也可以检查它是否为空

Answer 1

您可以在此处使用Toast通知。

警告boxe的done处理程序：

{
          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;
            }
          }
        }

注意：此处MyValidator是一个验证类，您可以根据自己的使用情况进行使用。

Toast方法是这样的：

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

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

    toast.present();
  }

您可以查看this了解详情。

如何在离子v3中设置AlertBox中的输入限制

1 个答案: