Android Instant Validation Saripaar + TextInputLayout

Question

I am struggling how to set error for TextInputLayout using library Saripaar. I added TextWatcher for certain inputs that should be validated. I also registered adapter

 validator.registerAdapter(TextInputLayout.class,
            new ViewDataAdapter<TextInputLayout, String>() {
                @Override
                public String getData(TextInputLayout flet) throws ConversionException {
                    return flet.getEditText().getText().toString();
                }
            }
    );

But I am not sure how to set errors for the layout.

@Override
public void onValidationFailed(List<ValidationError> errors) {
    for (ValidationError error : errors) {
        View view = error.getView();
        String message = error.getCollatedErrorMessage(this);

        if (view instanceof EditText) {
            (EditText)view.setError(message);
        } else {
            Toast.makeText(this, message, Toast.LENGTH_LONG).show();
        }
    }
}

Thanks for answers

Answer 1

I changed my code and it is working

First of all I change the bind view to the text input layout

@Order(1)
@NotEmpty(messageResId = R.string.error_required_field)
@Email(messageResId = R.string.error_invalid_email)
@BindView(R.id.input_layout_email) TextInputLayout inputLayoutEmail;

Then I override two methods from the library

 @Override
public void onValidationSucceeded() {
    loginButton.setAlpha(1);
    loginButton.setEnabled(true);
    MyTextWatcherUtils.clearAllInputs(inputLayoutList);
}

@Override
public void onValidationFailed(List<ValidationError> errors) {
    MyTextWatcherUtils.clearAllInputs(inputLayoutList);
    for (ValidationError error : errors) {
        View view = error.getView();
        String message = error.getCollatedErrorMessage(this);

        if (view instanceof TextInputLayout) {
            ((TextInputLayout) view).setError(message);
        }
    }
}

The layout has to be clear every time.

Answer 2

I have changed my code and It's working...!

I am struggling to set an error for TextInputLayout using the Saripaar library. I added TextWatcher for some entries that need to be validated. I also create an adapter

TextInputLayoutAdapter.class

public class TextInputLayoutAdapter implements ViewDataAdapter<TextInputLayout, String> {
@Override
public String getData(TextInputLayout view) throws ConversionException {
    return view.getEditText().getText().toString();
    }
}

After that define your validation

@NotEmpty
@BindView(R.id.textInputName)
TextInputLayout textInputName;

And then implement Validator.ValidationListener and define Validator like below:

public class YourActivity extends AppCompatActivity implements Validator.ValidationListener {

private Validator validator;

@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_your);
    unbinder = ButterKnife.bind(this);
    initValidator();
}


private void initValidator() {
    validator = new Validator(this);
    validator.setValidationListener(this);
    validator.registerAdapter(TextInputLayout.class, new TextInputLayoutAdapter());
    validator.setViewValidatedAction(view -> {
        if (view instanceof TextInputLayout) {
            ((TextInputLayout) view).setError("");
            ((TextInputLayout) view).setErrorEnabled(false);
        }
    });
}

 @Override
 public void onValidationSucceeded() {
 }

 @Override
 public void onValidationFailed(List<ValidationError> errors) {
    for (ValidationError error : errors) {
        View view = error.getView();
        String message = error.getCollatedErrorMessage(this);
        // Display error messages ;)
        if (view instanceof TextInputLayout) {
            ((TextInputLayout) view).setError(message);
        } else {
            showToast(message);
        }
    }
}

Try above code.

Happy Coding..!!

Answer 3

I am using android-sarippar 2.0.3 version for validation. If you are using nested TextInputEditText like this in xml then

<com.google.android.material.textfield.TextInputLayout
            android:id="@+id/input_layout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="Phone">

            <com.google.android.material.textfield.TextInputEditText
                android:id="@+id/input_edit_text"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"/>

</com.google.android.material.textfield.TextInputLayout>

You can track input layout like this

public class YourActivity extends AppCompatActivity implements Validator.ValidationListener ,View.OnClickListener {
    private static final String TAG = "EmployerSignUpActivity";

    private TextInputLayout inputLayout;
    @NotEmpty
    @Digits(messageResId = R.id.employer_sign_up_phone_edit_text ,integer = 10)
    private TextInputEditText editText;
    private Validator validator;
    private MaterialButton nextBtn;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.my_layout);
        nextBtn = findViewById(R.id.next_btn);


        // your code...
        validator = new Validator(this);
        validator.setValidationListener(this);
        nextBtn.setOnClickListener(this);

    }
    @Override
    public void onClick(View view) {
        int id = view.getId();

        switch (id){
            case R.id.next_btn:
                validator.validate();
                break;
        }
    }
        @Override
        public void onValidationSucceeded() {
        Toast.makeText(this, "Yay! we got it right!",Toast.LENGTH_SHORT).show();
        }

        @Override
        public void onValidationFailed(List<ValidationError> errors) {
        for (ValidationError error : errors) {
            View view = error.getView();
            String message = error.getCollatedErrorMessage(this);

            // Display error messages ;)
            if (view instanceof TextInputEditText) {
                // this will get TextInputEditText parent which is TextInputLayout
                ((TextInputLayout) findViewById(view.getId()).getParent().getParent()).setError(message);                 } else {
                Toast.makeText(this, message, Toast.LENGTH_LONG).show();
            }
        }
}

}

This is how I am displaying validation error in TextInputLayout