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 Sep, 2017
Updated by - ashwini gupta
13 May, 2017
Created by - ashwini gupta

. . .

3 comments

Yudi Purwanto 7 years ago

what the library you use for step by step tab?

Arjun G 8 years ago

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 8 years ago
hello, thanks. I have attached screenshot please check once.

Reply

Showing Error on EditText Through DataBinding

Leave a Comment Cancel Reply

3 comments

Message Sent!