Cara Validasi Form di Android

Validasi adalah hal wajib yang harus ada disetiap aplikasi. Artikel ini akan menjelaskan konsep validasi di Android dengan XML ataupun dengan kode java.

Validasi XML

Android XML layout mempunyai cara untuk memfilter input dengan menggunakan paramater inputType. Berikut ini adalah contoh potongan XML EditText untuk menginput huruf kapital, input email, input telepon dan input angka. Perhaikan tampilan keyboardnya

Contoh XML validasi

source code

<EditText android:id="@+id/et_normal_text" android:layout_width="fill_parent" android:layout_height="wrap_content" android:hint="Masukan Nama " android:inputType="textCapCharacters" android:singleLine="true" /> <EditText android:id="@+id/et_email_address" android:layout_width="fill_parent" android:layout_height="wrap_content" android:hint="Masukan Email" android:inputType="textEmailAddress" /> <EditText android:id="@+id/et_phone_number" android:layout_width="fill_parent" android:layout_height="wrap_content" android:hint="Masukan Nomor telepon" android:inputType="phone" /> <EditText android:id="@+id/number_pass" android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="masukan Umur" android:inputType="number" />

 

Efek validasi di layar sentuh keyboard

validasi searah jarum jam Email, telephone, angka dan Caplock

.

Format Validasi lain

Selain 4 format yang ada diatas, android mendukung lebih dari 30 validasi input hanya dengan menambahkan parameter android:inputType="nama_validasi". Untuk melihat jenis validasi lain, buka layout XML lalu klik dibagian editText yang akan divalidasi seperti gambar dibawah ini.

Validasi input

Validasi Java

Validasi java digunakan untuk melakukan validasi secara code. Mengapa kita perlu melakukan validasi lagi? ada banyak alasan, salah satu yang paling gampang adalah input tidak boleh kosong. Untuk melakukan validasi java, yang perlu anda pelajari adalah Regex dan bahasa java itu sendiri, Tugas android adalah menampilkan error dengan memanfaatkan fungsi EditText.setError(). Berikut ini contoh codenya

?

source code

public boolean harusDiisi(EditText editText) { String text = editText.getText().toString().trim(); editText.setError(null); // length 0 means there is no text if (text.length() == 0) { editText.setError(Html .fromHtml("<font color='red'>Input tidak boleh kosong</font>")); return false; } return true; }

 

pemakaian Fungsi harusDisi()

?

source code

txtNama = (EditText) findViewById(R.id.et_normal_text); // TextWatcher would let us check validation error on the fly txtNama.addTextChangedListener(new TextWatcher() { public void afterTextChanged(Editable s) { harusDiisi(txtNama); } public void beforeTextChanged(CharSequence s, int start, int count, int after) { } public void onTextChanged(CharSequence s, int start, int before, int count) { } });

Hasil validasi