Question

是否有可能在提示警报内验证表单，类似于页面中的表单验证。我们在页面中使用ngModel进行验证，但我不知道如何验证提示中的表单

alert(){
        console.log("hi");
        let prompt = this.alertCtrl.create({
            title: 'Login',
            inputs: [
                {
                    name: 'username',
                    placeholder: 'User Name'
                },
                {
                    name: 'phone',
                    placeholder: 'Phone Number'
                }

            ],

            buttons: [
                {
                    text: 'Cancel',
                    handler: data => {
                        console.log('Cancel clicked');
                    }
                },

                {
                    text: 'Save',
                    handler: data => {
                        console.log('Saved clicked',data);
                        this.User_data = data;
                    }
                }
            ]
        });
        prompt.present();
    }

将最小值和最大值设置为输入字段并将其标明为“必需”，用户名不应包含数字，电话号码应为＆＃39; 9＆＃39;

Answer 1

我不认为可以在Ionic2中验证警报内的输入。

我遇到了同样的问题并通过验证我的保存处理函数中的输入来解决它：

    //...
    {
        text: 'Save',
        handler: data => {
            if(/* check if input is valid */){
               this.User_data = data;
            }else{
              // The input is not valid, alert the user or whatever
              return false;
            }
        }
    }
    //...

我可以形成验证到提示警报

1 个答案: