Show Error on the tip of the Edit Text Android

Question

I want to show error if the user enters blank value in the edittext But i am not getting the way how could i do this  This is how i want like this      This is my xml that i have created    lt RelativeLayout xmlns android  http   schemas android com apk res android      android layout width  fill parent      android layout height  wrap content      android orientation  horizontal   gt        lt LinearLayout         android id    id headerLayout          android layout width  fill parent          android layout height  wrap content          android layout alignParentTop  true          android background   drawable top bg          android orientation  horizontal   gt            lt ImageView             android id    id back button              android layout width  wrap content              android layout height  wrap content              android layout marginLeft  10dp              android layout marginTop  5dp              android src   drawable back button    gt            lt TextView             android layout width  match parent              android layout height  wrap content              android layout marginLeft  75dp              android layout marginTop  10dp              android text  Traveller Details              android textColor   android color white    gt       lt  LinearLayout gt       lt LinearLayout          android id    id tittleLayout          android layout below    id headerLayout          android layout height  wrap content          android layout width  fill parent          android orientation  vertical   gt            lt TextView             android id    id TittleTravellerDetails              android layout width  wrap content              android layout height  match parent              android layout marginLeft  10dp              android layout marginTop  5dp              android gravity  left              android text  Traveller Details    gt            lt View             android layout width  wrap content              android layout height  2dip              android layout marginTop  2dp              android background   FF909090    gt        lt  LinearLayout gt        lt LinearLayout         android id    id passengerDetails          android layout below    id tittleLayout          android layout height  wrap content          android layout width  fill parent          android orientation  vertical  gt            lt Spinner             android id    id Tittle              android layout width  290dp              android layout marginLeft  5dp              android layout marginTop  5dp              android layout height  wrap content   gt           lt EditText             android id    id firstName              android layout width  290dp              android layout height  wrap content              android layout marginLeft  5dp              android layout marginTop  5dp              android hint  First Name    gt            lt EditText             android id    id LastName              android layout width  290dp              android layout height  wrap content              android layout marginLeft  5dp              android layout marginTop  5dp              android hint  Last Name    gt        lt  LinearLayout gt       lt LinearLayout          android id    id ContactDetailsLayout          android layout below    id passengerDetails          android layout height  wrap content          android layout width  fill parent          android layout marginTop  10dp          android orientation  vertical   gt            lt TextView             android id    id TittleContactDetails              android layout width  wrap content              android layout height  match parent              android layout marginLeft  10dp              android layout marginTop  5dp              android gravity  left              android text  ContactDetails    gt            lt View             android layout width  wrap content              android layout height  2dip              android layout marginTop  2dp              android background   FF909090    gt        lt  LinearLayout gt        lt LinearLayout         android id    id mobileEmailDetails          android layout below    id ContactDetailsLayout          android layout height  wrap content          android layout width  fill parent          android orientation  vertical  gt            lt EditText             android id    id mobileNumber              android layout width  290dp              android layout height  wrap content              android layout marginLeft  5dp              android layout marginTop  5dp              android inputType  number              android hint  Mobile No    gt            lt TextView             android id    id emailid              android layout width  284dp              android layout height  wrap content              android layout marginLeft  8dp              android layout marginTop  5dp              android hint  Email ID    gt        lt  LinearLayout gt       lt LinearLayout          android id    id continueBooking          android layout below    id mobileEmailDetails          android layout height  wrap content          android layout width  fill parent          android orientation  vertical  gt            lt ImageView             android id    id continuebooking              android layout width  wrap content              android layout height  match parent              android layout marginLeft  20dp              android layout marginTop  25dp               android src   drawable continue    gt        lt  LinearLayout gt     lt  RelativeLayout gt    Activity Code  protected void onCreate Bundle savedInstanceState            super onCreate savedInstanceState           requestWindowFeature Window FEATURE NO TITLE           setContentView R layout activity main           emailId    TextView findViewById R id emailid           continuebooking    ImageView findViewById R id continuebooking           firstName   EditText findViewById R id firstName           emailId setText  gauravthethinker gmail com            setTittle            continuebooking setOnClickListener new OnClickListener                   Override             public void onClick View arg0                     if firstName getText   toString   trim   equalsIgnoreCase                           firstName setError  Enter FirstName                                                         So  if the user don t enter his first name i want to show a error like the image that u have not entered any name something like that Please help me i am new in android Thanks

User · Answer

It seems all you can t get is to show the error at the end of editText  Set your editText width to match that of the parent layout enveloping  Will work just fine

User · Answer

You have written your code in onClick event  This will call when you click on EditText  But this is something like you are checking it before entering   So what my suggestion is  you should use focus changed  When any view get focus  you are setting no error and when focus changed  you check whether there is valid input or not like below   firstName setOnFocusChangeListener new View OnFocusChangeListener          Override     public void onFocusChange View arg0  boolean arg1            firstName setError null           if  firstName getText   toString   trim   equalsIgnoreCase                    firstName setError  Enter FirstName

User · Answer

You can show error as PopUp of EditText  if  editText getText   toString   trim   equalsIgnoreCase              editText setError  This field can not be blank        and that will be look a like as follows    firstName addTextChangedListener new TextWatcher            Override     public void onTextChanged CharSequence s  int start  int before  int count                Override     public void beforeTextChanged CharSequence s  int start  int count  int after                Override     public void afterTextChanged Editable s             if  firstName getText   toString   length  lt   0                firstName setError  Enter FirstName              else               firstName setError null

User · Answer

Using Kotlin Language   EXAMPLE CODE   login ID setOnClickListener               if email address Id text isEmpty                     email address Id error    Please Enter Email Address                            if Password ID text isEmpty                     Password ID error    Please Enter Password

User · Answer

you could use an onchange event to trigger a validation and then you can display a toast if this is enough for you

User · Answer

With youredittext equals    you can know if user hasn t entered any letter

User · Answer

I got the solution of my problem Hope this will help others also I have used onTextChnaged it invokes When an object of a type is attached to an Editable  its methods will be called when the text is changed   public class MainActivity extends Activity       TextView emailId      ImageView continuebooking      EditText firstName       Override     protected void onCreate Bundle savedInstanceState            super onCreate savedInstanceState           requestWindowFeature Window FEATURE NO TITLE           setContentView R layout activity main           emailId    TextView findViewById R id emailid           continuebooking    ImageView findViewById R id continuebooking           firstName   EditText findViewById R id firstName           emailId setText  test gmail com            setTittle            continuebooking setOnClickListener new OnClickListener                   Override             public void onClick View arg0                     if firstName getText   toString   trim   equalsIgnoreCase                           firstName setError  Enter FirstName                                                         firstName addTextChangedListener new TextWatcher                   Override             public void onTextChanged CharSequence s  int start  int before  int count                    firstName setError null                                Override             public void beforeTextChanged CharSequence s  int start  int count                      int after                       TODO Auto-generated method stub                              Override             public void afterTextChanged Editable s                    firstName setError null

User · Answer

I know it s too late  but in case someone still need help  Here is the working solution  Setting an error is pretty straight forward  But it will be displayed to user  when he request Focus on it  So to do the both thing on your own  User this code      firstName setError  Enter FirstName     firstName requestFocus

User · Answer

u can use this    Override         public void afterTextChanged Editable s                super afterTextChanged s               if  s length      Bank PAN MINIMUM RECOGNIZABLE LENGTH   10                    Bank bank   BankUtil findByPan s toString                     if  null    bank  amp  amp  mNewPanEntered  amp  amp   mNameDefined                        mNewPanEntered   false                      suggestCardName bank                       private void suggestCardName Bank bank        mLastSuggestTime   System currentTimeMillis        if   bank getName   trim   matches getActivity   getString R string bank eghtesadnovin              inputCardNumber setError R string balance not enmb  true

User · Answer

if TextUtils isEmpty firstName getText   toString           firstName setError  TEXT ERROR HERE        Or you can also use TextInputLayout which has some useful method and some user friendly animation

User · Answer

private void showError        mEditText setError  Password and username didn t match        Which will result in errors shown like this     And if you want to remove it    textView setError null

User · Answer

Simple way to implement this thing following this method 1st initial the EditText Field   EditText editText   findViewById R id editTextField    When you done initialization  Now time to keep the imputed value in a variable   final String userInput   editText getText   toString     Now Time to check the condition whether user fulfilled or not   if  userInput isEmpty                editText setError  quot This field need to fill up quot                     else             Do what you want to do          Here is an example how I did with my project   private void sendMail            final String userMessage   etMessage getText   toString              if  userMessage isEmpty                   etMessage setError  quot Write to us quot          else         Toast makeText this   quot You write to us quot  etMessage  Toast LENGTH SHORT  show                  Hope it will help you  HappyCoding

[android] Show Error on the tip of the Edit Text Android

Examples related to android

Examples related to android-layout

Examples related to android-edittext