Validasi Dengan Pattern Regex HTML5

Pattern merupakan sebuah teknik yang digunakan untuk mencocokan string teks berdasarkan pola tertentu contohnya saya akan membuat validasi input agar inputan hanya berupa alpahabet dan huruf kecil tanpa spasi. Validasi ini adalah validasi pattern tingkat lanjut di dalam HTML 5. Jika temen temen terbiasa dengan regex, temen temen bisa membuat validasi input dengan sangat mudah tanpa bantuan jQuery. Ayo Kita mulai membuatnya

Hasilnya jika disubmit dan input tidak sesuai pola atau pattern

Pattern ini polanya didapat dari regex. Jika temen temen ingin melihat pattern lain yang bisa dipakai untuk validasi pada HTML5 silahkan kunjungi website http://html5pattern.com . Bagaimana jika kita mengubah pesan error yang muncul agar sesuai dengan apa yang kita inginkan ? Misalkan pesan error tersebut sebelumnya bertuliskan " Please match the requested format ". Sekarang jika kata tersebut kita ubah menjadi " Input hanya boleh huruf a-z tanpa spasi! " caranya seperti berikut

kita hanya menambahkan attribute oninvalid dan jika kita jalankan pada browser hasilnya seperti berikut

Selamat Mencoba temen temen :p

6 Juli 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat