自定义对话框 - 在按下 PositiveButton 之前需要所有字段

Question

我想确保在我的自定义对话框中插入所有字段，然后再按“确定”。

但是，一旦我单击按钮以打开对话框，就会立即出现“所有字段都是必需的”消息。 我希望它仅在按“确定”之前所有字段都不完整时出现。

我能做些什么？

 final AlertDialog.Builder alertDialog = new AlertDialog.Builder(requireActivity())
                        .setView(viewcustom)
                        .setPositiveButton("Ok", (dialogInterface, i) -> {

                            String Description = edt1.getText().toString();
                            String Age = edt2.getText().toString();
                            String Hobby = edt3.getText().toString();
                            String City = edt4.getText().toString();
                            String address = edt5.getText().toString();


                            firebaseUser = FirebaseAuth.getInstance().getCurrentUser();

                            reference = FirebaseDatabase.getInstance().getReference("Users").child(firebaseUser.getUid());
                            reference.child("description").setValue(Description);
                            reference.child("age").setValue(Age);
                            reference.child("hobby").setValue(Hobby);
                            reference.child("city").setValue(City);
                            reference.child("address").setValue(address);


                        });
                alertDialog.setNegativeButton("Cancel", null);
                AlertDialog ad = alertDialog.create();

           edt1.addTextChangedListener(new TextWatcher() {
                @Override
                public void beforeTextChanged(CharSequence sequence, int i, int i1, int i2) {}
                @Override
                public void onTextChanged(CharSequence sequence, int i, int i1, int i2) {}
                @Override
                public void afterTextChanged(Editable editable) {
                    boolean isValid = true;
                    if (edt1.getText().length() == 0) { isValid = false;
                        ad.getButton(DialogInterface.BUTTON_POSITIVE).setEnabled(false);
                        // if user enters anything then enable - modify criteria as desired
                         }
                    if (isValid) {
                        ad.getButton( DialogInterface.BUTTON_POSITIVE ).setEnabled(true);
                    }

                }
            });

            edt2.addTextChangedListener(new TextWatcher() {
                @Override
                public void beforeTextChanged(CharSequence sequence, int i, int i1, int i2) {}
                @Override
                public void onTextChanged(CharSequence sequence, int i, int i1, int i2) {}
                @Override
                public void afterTextChanged(Editable editable) {
                    boolean isValid = true;
                    if (edt2.getText().length() == 0) { isValid = false;
                        ad.getButton(DialogInterface.BUTTON_POSITIVE).setEnabled(false);
                        // if user enters anything then enable - modify criteria as desired
                    }
                    if (isValid) {
                        ad.getButton( DialogInterface.BUTTON_POSITIVE ).setEnabled(true);
                    }

                }
            });

            edt3.addTextChangedListener(new TextWatcher() {
                @Override
                public void beforeTextChanged(CharSequence sequence, int i, int i1, int i2) {}
                @Override
                public void onTextChanged(CharSequence sequence, int i, int i1, int i2) {}
                @Override
                public void afterTextChanged(Editable editable) {
                    boolean isValid = true;
                    if (edt3.getText().length() == 0) { isValid = false;
                        ad.getButton(DialogInterface.BUTTON_POSITIVE).setEnabled(false);
                        // if user enters anything then enable - modify criteria as desired
                    }
                    if (isValid) {
                        ad.getButton( DialogInterface.BUTTON_POSITIVE ).setEnabled(true);
                    }

                }
            });

            edt4.addTextChangedListener(new TextWatcher() {
                @Override
                public void beforeTextChanged(CharSequence sequence, int i, int i1, int i2) {}
                @Override
                public void onTextChanged(CharSequence sequence, int i, int i1, int i2) {}
                @Override
                public void afterTextChanged(Editable editable) {
                    boolean isValid = true;
                    if (edt4.getText().length() == 0) { isValid = false;
                        ad.getButton(DialogInterface.BUTTON_POSITIVE).setEnabled(false);
                        // if user enters anything then enable - modify criteria as desired
                    }
                    if (isValid) {
                        ad.getButton( DialogInterface.BUTTON_POSITIVE ).setEnabled(true);
                    }

                }
            });

            edt5.addTextChangedListener(new TextWatcher() {
                @Override
                public void beforeTextChanged(CharSequence sequence, int i, int i1, int i2) {}
                @Override
                public void onTextChanged(CharSequence sequence, int i, int i1, int i2) {}
                @Override
                public void afterTextChanged(Editable editable) {
                    boolean isValid = true;
                    if (edt5.getText().length() == 0) { isValid = false;
                        ad.getButton(DialogInterface.BUTTON_POSITIVE).setEnabled(false);
                        // if user enters anything then enable - modify criteria as desired
                    }
                    if (isValid) {
                        ad.getButton( DialogInterface.BUTTON_POSITIVE ).setEnabled(true);
                    }

                }
            });


            // Initially OK button is disabled.
            ad.show();
            ad.getButton(DialogInterface.BUTTON_POSITIVE).setEnabled(false);
        }
});

Answer 1

这是代码。 我创建了一个包含 2 个EditText字段的自定义布局，并且只需要输入 1 个。 第一个被视为必须存在的文本，第二个被视为可选的年龄。 最后一个示例显示了如何在按下OK并且验证失败后添加验证和“不关闭”。

OK按钮最初被禁用，当在第一个文本字段中输入数据时， OK按钮被启用。

通过控制肯定（ OK ）按钮的启用/禁用，它要求用户输入必要的字段（而不是在省略时给他们一个错误）。

请注意，当用户清除同一字段时， OK按钮被禁用。

您还可以向EditText字段添加提示以指示必需（如第二个示例所示）。

请注意， 这被用作EditText聆听的参考（正如我在评论中链接的那样）。

最后，最后一个演示显示了您是否真的想在启用并按下 OK 按钮后显示字段验证错误。 （从这里开始。）

这应该很明显如何将其扩展到所有EditText字段。 请记住，您可以设置启用OK按钮的条件 - 这里至少只有一个字符。

Button b = findViewById(R.id.main_button);
b.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {
        Log.e(TAG,"button");

        View viewcustom = getLayoutInflater().inflate(R.layout.customdialog,null);
        EditText edt1 = viewcustom.findViewById(R.id.description);
        EditText edt2 = viewcustom.findViewById(R.id.age);


        final AlertDialog.Builder alertDialog = new AlertDialog.Builder(MainActivity.this)
                .setView(viewcustom)
                .setPositiveButton("Ok", (dialogInterface, i) -> {
                    String d = edt1.getText().toString();
                    String a = edt2.getText().toString();

                    Toast.makeText(MainActivity.this,d, Toast.LENGTH_LONG).show();
                });
        alertDialog.setNegativeButton("Cancel", null);
        AlertDialog ad = alertDialog.create();

        edt1.addTextChangedListener(new TextWatcher() {
            @Override
            public void beforeTextChanged(CharSequence sequence, int i, int i1, int i2) {}
            @Override
            public void onTextChanged(CharSequence sequence, int i, int i1, int i2) {}
            @Override
            public void afterTextChanged(Editable editable) {
                boolean isValid = true;
                if (edt1.getText().length() == 0) {
                    // if user deletes entry then back to disabled
                    isValid = false;
                }

                // do other checks as desired and set isValid accordingly

                if (isValid) {
                    ad.getButton( DialogInterface.BUTTON_POSITIVE ).setEnabled(true);
                } else {
                    ad.getButton(DialogInterface.BUTTON_POSITIVE).setEnabled(false);
                }
            }
        });


        // Initially OK button is disabled.
        ad.show();
        ad.getButton(DialogInterface.BUTTON_POSITIVE).setEnabled(false);


    }
});

和演示：

如果没有输入任何内容，您还可以向每个字段添加提示以指示它是必需的，如下所示：

<EditText
    android:id="@+id/description"
    android:hint="Field is required"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintBottom_toTopOf="@id/age" />

最后，如果您真的非常想允许OK但随后进行进一步验证以显示错误，则添加以下内容。 请注意，第二个字段被视为Age字段，输入的数据必须是 integer。 有点做作，但用来展示一个例子。

// add this after the AlertDialog create()

ad.setOnShowListener(new DialogInterface.OnShowListener() {
    @Override
    public void onShow(DialogInterface anInterface) {
        Button b = ad.getButton(DialogInterface.BUTTON_POSITIVE);
        b.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                // do some validation on edit text
                String s = edt2.getText().toString();
                try {
                    Integer age = Integer.valueOf(s);
                    Toast.makeText(MainActivity.this,d+":"+age, Toast.LENGTH_LONG).show();
                    ad.dismiss();
                } catch (Exception e) {
                    // complain
                    Toast.makeText(MainActivity.this, "Age must be an integer", Toast.LENGTH_LONG).show();
                }
            }
        });
    }
});

以及要求可选Age为 integer 的演示：