Validasi EditText Android Studio Form Input Kosong setError Required!
Pada tutorial android studio kali ini kita akan membahas bagaimana cara membuat Validasi Text Fields (EditText) menggunakan perintah set Error, jadi ketika form input belum di isi atau masih kosong di aplikasi android studio akan secara otomatis menampilkan atau muncul pesan peringatan pada kolom input yang belum terisi / tidak boleh kosong. Cek validation ini biasanya di terapkan pada aktivitas yang membutuhkan input data atau text seperti pada saat login, daftar atau register, nah disitu kan kita disuruh untuk mengisi form yang tersedia seperti username, password, email, dan data diri yang mana tidak boleh ada form yang tidak terisi sama sekali. Nah agar bisa muncul peringatan bahwa form ini belum di isi maka perlu kita kasih validasi untuk mengecek form mana yang belum di isi.
Banyak tutorial lain di internet yang sudah membahas masalah validasi form input android studio, namun kebanyakan dari tutorial yang saya baca mereka melakukan validasi masukan Android menggunakan Toast yang hanya muncul se per sekian detik saja, ada juga yang menggunakan alertDialog, jadi saat tombol ditekan dan menampilkan pesan validasi dalam dialog yang saya rasa kurang bagus kalau di gunakan untuk mem-validasi form input android.
Namun Anda tidak perlu khawatir karena ada cara yang jauh lebih mudah dan elegan untuk melakukan ini dengan menggunakan konstruksi setError yang dibangun di kelas EditText di Android (perhatikan, saya hanya berbicara tentang Text Fields (EditText) dalam contoh ini). Dengan menggunakan metode ini, Anda akan mendapatkan dukungan untuk kontrol validasi EditText. Dengan menggunakan metode setError Anda akan menerima validasi seperti yang ditunjukkan di bawah.
Keterangan:
Pada contoh gambar di atas adalah form daftar atau registrasi yang terdapat tiga form yang harus di isi yakni form Email, Username dan Password, jika semua form atau salah satu form tersebut ada yang belum di isi maka akan langsung menampilkan peringatan dengan icon tanda seru ( ! ) warna merah yang muncul di sisi kanan EditText serta di bawahnya ada pesan validasi popup yang keren sekali. Begitu pengguna mulai mengetik di form tersebut, ikon validasi dan pesan akan otomatis hilang. 🙂 keren banget kan?
Untuk mendapatkan kontrol validasi gratis ini Anda cukup menggunakan syntax atau perintah setError pada EditText di dalam file .java pada project aplikasi android studio. Berikut potongan kode validasi menggunakan setError yang di sematkan pada EditText.
Oke agar kalian paham, mari kita terapkan pada android studio.
2. Setelah itu silahkan buka activity_main.xml, klik mode Text, lalu memasukkan listing kode berikut ke dalam file activity_main.xml.
3. Setelah selesai, sekarang buka MainActivity.java dan masukkan listing kode di bawah ini:
4. Simpan project Anda dan jalankan Aplikasi Anda dengan cara klik tombol Run atau melalui menu Run > Run ‘app’ kemudian memilih perangkat yang Anda gunakan. Anda bisa menggunakan Android Virtual Device (AVD) atau menggunakan USB ponsel Anda untuk Run app Anda.
Silahkan lihat: Cara Membuat Android Virtual Device (AVD) Emulator Android Studio.
Selesai. Sekarang Anda bisa membuat desain sesuai versi kamu, kamu bisa menambahkan jumlah form input sesuai dengan yang kamu inginkan, tinggal menambahkan else if pada kode java nya. Bagaimana? Sudah paham kan? Jika belum paham, silahkan lihat tutorial video Nya di bawah ini.
Tutorial Video YouTube Belajar Menggunakan Intent di Android Studio
- Proses uploading…
Saya juga membagikan file project aplikasi ini yang bisa kamu download melalui link berikut:
Sekian tutorial tentang cara membuat validasi form input text fields (EditText) di Android Studio yang paling simpel dan keren serta mudah dan cepat. Silahkan di coba dan jika ada pertanyaan, silahkan tanyakan melalui kolom komentar di bawah ya!
Jangan lupa share tutorial ini dengan teman Anda.
Semoga bermanfaat…
Namun Anda tidak perlu khawatir karena ada cara yang jauh lebih mudah dan elegan untuk melakukan ini dengan menggunakan konstruksi setError yang dibangun di kelas EditText di Android (perhatikan, saya hanya berbicara tentang Text Fields (EditText) dalam contoh ini). Dengan menggunakan metode ini, Anda akan mendapatkan dukungan untuk kontrol validasi EditText. Dengan menggunakan metode setError Anda akan menerima validasi seperti yang ditunjukkan di bawah.
Gambar Design Aplikasi Android - Validasi Form EditText tidak boleh kosong |
Pada contoh gambar di atas adalah form daftar atau registrasi yang terdapat tiga form yang harus di isi yakni form Email, Username dan Password, jika semua form atau salah satu form tersebut ada yang belum di isi maka akan langsung menampilkan peringatan dengan icon tanda seru ( ! ) warna merah yang muncul di sisi kanan EditText serta di bawahnya ada pesan validasi popup yang keren sekali. Begitu pengguna mulai mengetik di form tersebut, ikon validasi dan pesan akan otomatis hilang. 🙂 keren banget kan?
Untuk mendapatkan kontrol validasi gratis ini Anda cukup menggunakan syntax atau perintah setError pada EditText di dalam file .java pada project aplikasi android studio. Berikut potongan kode validasi menggunakan setError yang di sematkan pada EditText.
username = (EditText) findViewById(R.id.etxUsername); if(username.getText().toString().length()==0){ username.setError("Username diperlukan!");Anda bisa melakukan validasi pada EditText kapan saja selama pelaksanaan runtime aplikasi Anda. Anda bisa menempatkan validasi setelah tombol di Klik, melalui image button, melalui Text Changed Listener atau melalui metode lainnya.
Oke agar kalian paham, mari kita terapkan pada android studio.
Cara Membuat Validasi Form Input Text Fields (EditText) Android Studio yang Masih Kosong atau Belum di isi
1. Buat project baru dengan nama "ValidasiEditText" – Lihat tutorial membuat project baru pada android studio di sini: Cara Membuat Project Baru Aplikasi pada Android Studio.2. Setelah itu silahkan buka activity_main.xml, klik mode Text, lalu memasukkan listing kode berikut ke dalam file activity_main.xml.
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity_main" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context="com.caratutorial.validasiedittext.MainActivity"> <TextView android:text="Form Registrasi" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:layout_centerHorizontal="true" android:id="@+id/textView" android:textAlignment="center" android:textSize="30sp" android:textStyle="normal|bold" /> <Button android:text="Daftar" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_below="@+id/etxPassword" android:layout_centerHorizontal="true" android:id="@+id/btnDaftar" /> <EditText android:layout_width="match_parent" android:layout_height="wrap_content" android:inputType="textEmailAddress" android:ems="10" android:id="@+id/etxEmail" android:hint="Email" android:layout_marginTop="41dp" android:layout_below="@+id/textView" android:layout_alignParentLeft="true" android:layout_alignParentStart="true" /> <EditText android:layout_width="match_parent" android:layout_height="wrap_content" android:inputType="textPersonName" android:ems="10" android:id="@+id/etxUsername" android:hint="Username" android:layout_below="@+id/etxEmail" android:layout_alignParentLeft="true" android:layout_alignParentStart="true" /> <EditText android:layout_width="match_parent" android:layout_height="wrap_content" android:inputType="textPassword" android:ems="10" android:layout_below="@+id/etxUsername" android:layout_alignParentLeft="true" android:id="@+id/etxPassword" android:layout_alignParentRight="true" android:layout_alignParentEnd="true" android:hint="Password" /> </RelativeLayout>
3. Setelah selesai, sekarang buka MainActivity.java dan masukkan listing kode di bawah ini:
package com.caratutorial.validasiedittext; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.widget.Button; import android.widget.EditText; import android.widget.Toast; public class MainActivity extends AppCompatActivity { EditText email, username, password; Button daftar; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); email = (EditText) findViewById(R.id.etxEmail); username = (EditText) findViewById(R.id.etxUsername); password = (EditText) findViewById(R.id.etxPassword); daftar = (Button)findViewById(R.id.btnDaftar); daftar.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { if(email.getText().toString().length()==0){ //jika form Email belum di isi / masih kosong email.setError("Email diperlukan!"); }else if(username.getText().toString().length()==0){ //jika form Username belum di isi / masih kosong username.setError("Username diperlukan!"); }else if(password.getText().toString().length()==0){ //jika form Passwrod belum di isi / masih kosong password.setError("Password diperlukan!"); }else { //jika form sudah terisi semua Toast.makeText(getApplicationContext(), "Registrasi Berhasil!", Toast.LENGTH_SHORT).show(); } } }); } }
4. Simpan project Anda dan jalankan Aplikasi Anda dengan cara klik tombol Run atau melalui menu Run > Run ‘app’ kemudian memilih perangkat yang Anda gunakan. Anda bisa menggunakan Android Virtual Device (AVD) atau menggunakan USB ponsel Anda untuk Run app Anda.
Silahkan lihat: Cara Membuat Android Virtual Device (AVD) Emulator Android Studio.
DEMO APLIKASI
Setelah aplikasi di jalankan, hasilnya akan seperti gambar screenshot dibawah ini:Selesai. Sekarang Anda bisa membuat desain sesuai versi kamu, kamu bisa menambahkan jumlah form input sesuai dengan yang kamu inginkan, tinggal menambahkan else if pada kode java nya. Bagaimana? Sudah paham kan? Jika belum paham, silahkan lihat tutorial video Nya di bawah ini.
Tutorial Video YouTube Belajar Menggunakan Intent di Android Studio
- Proses uploading…
Saya juga membagikan file project aplikasi ini yang bisa kamu download melalui link berikut:
- DOWNLOAD PROJECT – 27MB
Sekian tutorial tentang cara membuat validasi form input text fields (EditText) di Android Studio yang paling simpel dan keren serta mudah dan cepat. Silahkan di coba dan jika ada pertanyaan, silahkan tanyakan melalui kolom komentar di bawah ya!
Jangan lupa share tutorial ini dengan teman Anda.
Semoga bermanfaat…
gimana cara liatnya ?
BalasHapusnonakktifkan adblock nya mas
Hapusmaaf mau ngasih pendapat kalau kata saya mending make .equalsIgnorecase() dari pada make length.kata orang-orang luar kalo dah ke string mending make equals atau equalsignorecase.sekian terimakasih
BalasHapus