Showing Error on EditText Through DataBinding

There are many situations where we show Error when the user does not input right Data. Such as filling the form, User Login etc.

So, How we show an Error message, through DataBinding?

Create EditText in our layout

<android.support.design.widget.TextInputLayout
                android:id="@+id/addBookTelephonelayout"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_alignParentLeft="true"
                app:error="@{billShipModel.BPhone.isEmpty() &amp;&amp; billShipObsevable.billingShowError  ?  &quot; Hii error find &quot; : null}"
                android:layout_alignParentStart="true"
                android:layout_alignParentTop="true">

                <EditText
                    android:id="@+id/addBookTelephoneValue"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_centerHorizontal="true"
                    android:layout_marginTop="30dp"
                    android:hint="@string/telephone"
                    android:text="@={billShipModel.BPhone}"
                    android:inputType="phone"
                    android:singleLine="true"
                    android:textColorHint="@color/gray" />
            </android.support.design.widget.TextInputLayout>

<android.support.design.widget.TextInputLayout

android:id="@+id/addBookTelephonelayout"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_alignParentLeft="true"

app:error="@{billShipModel.BPhone.isEmpty() && billShipObsevable.billingShowError ? " Hii error find " : null}"

android:layout_alignParentStart="true"

android:layout_alignParentTop="true">

<EditText

android:id="@+id/addBookTelephoneValue"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_centerHorizontal="true"

android:layout_marginTop="30dp"

android:hint="@string/telephone"

android:text="@={billShipModel.BPhone}"

android:inputType="phone"

android:singleLine="true"

android:textColorHint="@color/gray" />

</android.support.design.widget.TextInputLayout>

create field and getter/setter in our Model class

 @Bindable
    public String getBPhone() {
        return bPhone;
    }

    public void setBPhone(String bPhone) {
        this.bPhone = bPhone;
        notifyPropertyChanged(BR.bPhone);
        if(this.bPhone.equalsIgnoreCase(""))
            getBillingShippingBinder().setBillingAddressValidation(false);
    }

@Bindable

public String getBPhone() {

return bPhone;

}

public void setBPhone(String bPhone) {

this.bPhone = bPhone;

notifyPropertyChanged(BR.bPhone);

if(this.bPhone.equalsIgnoreCase(""))

getBillingShippingBinder().setBillingAddressValidation(false);

}

create Observable for showingError

@Bindable
    public boolean isBillingShowError() {
        return billingShowError;
    }

    public void setBillingShowError(boolean billingShowError) {
        this.billingShowError = billingShowError;
        notifyPropertyChanged(BR.billingShowError);
    }

@Bindable

public boolean isBillingShowError() {

return billingShowError;

}

public void setBillingShowError(boolean billingShowError) {

this.billingShowError = billingShowError;

notifyPropertyChanged(BR.billingShowError);

}

update showing error check when clicking on continue Button

 public void onSaveBillingShippingInfoIv(View view, BillingShippingModel billShipModelData, BillingShippingBinder billShipObservable){
        Log.d(TAG, "onSaveBillingShippingInfoIv: 1" + billShipObservable.isBillingAddressValidation());
        billShipObservable.setBillingShowError(true);

        if(billShipModelData.isFormValidated()){
           saveProfile(billShipModelData);

        }else{
            Log.d(TAG, "onSaveBillingShippingInfoIv: 3");
            billShipObservable.setBillingShowError(false);
        }
    }

public void onSaveBillingShippingInfoIv(View view, BillingShippingModel billShipModelData, BillingShippingBinder billShipObservable){

Log.d(TAG, "onSaveBillingShippingInfoIv: 1" + billShipObservable.isBillingAddressValidation());

billShipObservable.setBillingShowError(true);

if(billShipModelData.isFormValidated()){

saveProfile(billShipModelData);

}else{

Log.d(TAG, "onSaveBillingShippingInfoIv: 3");

billShipObservable.setBillingShowError(false);

}

and our look like this-

ashwini gupta 11 September 2017

. . .

3 comments

Arjun G Jul 25, 2017 at 1:30 am

Hello your postings really helping fresher like me..
If possible please include screens for each posts. So, that we can get to know how it looks.

Thank you for helping us.

Mobikul Team Sep 11, 2017 at 8:45 am
hello, thanks. I have attached screenshot please check once.

Reply

Yudi Purwanto Jul 23, 2018 at 12:16 pm

what the library you use for step by step tab?

Showing Error on EditText Through DataBinding

Leave a Comment Cancel Reply

3 comments

Message Sent!