Javascript dapat digunakan untuk memvalidasi data

JavaScript adalah bahasa pemrograman sumber terbuka. Ini dirancang untuk membuat aplikasi web-sentris. Ini ringan dan ditafsirkan, yang membuatnya lebih cepat daripada bahasa lain. JavaScript digunakan untuk membuat aplikasi web yang dirancang dengan indah

Validasi email dalam JavaScript adalah bagian penting dari pengalaman pengguna aplikasi web. Validasi membantu dalam memasukkan formulir dan memastikan bahwa hanya informasi valid yang diteruskan ke server dari sisi klien aplikasi

Dasar hingga Mahir - Pelajari Semuanya

Apa itu Validasi?

Validasi umumnya didefinisikan sebagai proses pengecekan nilai-nilai yang dimasukkan oleh pengguna. Ini memainkan peran penting dalam aplikasi web dan meningkatkan pengalaman pengguna secara keseluruhan. Kami dapat memvalidasi email, kata sandi, tanggal, nomor ponsel, dan banyak bidang lainnya

JavaScript digunakan untuk memvalidasi data formulir di sisi klien aplikasi web, dan ini mempercepat proses validasi karena pemrosesan data lebih cepat jika dibandingkan dengan validasi sisi server

Sekarang setelah kita mengetahui sedikit tentang validasi, mari lanjutkan dan terapkan validasi email dalam JavaScript

Cara memvalidasi email menggunakan JavaScript

Validasi email adalah bagian penting dari memvalidasi formulir HTML. Email adalah string atau subkumpulan karakter ASCII yang dipisahkan menjadi dua bagian dengan simbol @. Bagian pertama berisi informasi pribadi sementara yang lain berisi nama domain tempat email didaftarkan

Bagian informasi pribadi dapat berisi karakter ASCII berikut

• Huruf besar dan huruf kecil (A-Z dan a-z)
• Karakter numerik (0-9)
• Karakter spesial -. # $% & '* + - / = ? . } ~
• Titik, titik, atau titik (. ) dengan syarat tidak boleh huruf pertama atau terakhir dari email tersebut dan tidak boleh berulang satu demi satu

Menjadi Pencipta Produk yang Menyenangkan Pengguna

Nama domain berisi

• Surat
• Digit
• Tanda hubung
• Titik

Salah satu cara paling populer untuk memvalidasi email dalam JavaScript adalah dengan menggunakan ekspresi reguler. JavaScript menggunakan ekspresi reguler untuk mendeskripsikan pola karakter.  

surel. js

File ini berisi kode JavaScript yang kita perlukan untuk validasi email. Kami menggunakan ekspresi reguler untuk memvalidasi email di sisi klien aplikasi web

function Email Validasi(masukan) {

var validRegex = /^[a-zA-Z0-9. #$%&'*+/=?^_`{. }~-]+@[a-zA-Z0-9-]+(?. \. [a-zA-Z0-9-]+)*$/;

jika (masukan. nilai. cocok(validRegex)) {

alert("Alamat email yang valid. ");

dokumen. form1. Teks 1. fokus();

kembali benar;

} kalau tidak {

alert("Alamat email salah. ");

dokumen. form1. Teks 1. fokus();

kembali salah;

}

}

• Tentukan ekspresi reguler untuk memvalidasi alamat email
• Periksa apakah nilai input cocok dengan ekspresi reguler
• Jika cocok, kirim peringatan yang menyatakan "alamat email yang valid"
• Jika tidak cocok, kirim peringatan yang menyatakan "alamat email tidak valid"

surel. html

File ini berisi kode HTML dasar yang memiliki semua elemen yang ditentukan untuk halaman web ini

<. DOCTYPE html>

Bacaan Terkait. Apa itu HTML (Hyper Text Markup Language)?

Inilah Cara Mendapatkan Pekerjaan Pengembang Perangkat Lunak Teratas

surel. css

File ini berisi gaya CSS yang diperlukan untuk menata elemen HTML di halaman web. Gayanya cukup jelas dan Anda bebas mengubah gaya ini sesuai dengan preferensi Anda

li {

daftar-gaya-jenis. tidak ada;

ukuran huruf. 16pt;

}

surat {

batas. mobil;

padding-top. 10px;

padding-bottom. 10px;

lebar. 400px;

Latar Belakang. teal;

berbatasan. 1px perak padat;

}

surat h2 {

margin-kiri. 38px;

warna. putih;

}

memasukkan {

ukuran huruf. 20pt;

}

memasukkan. fokus,

textarea. fokus {

warna latar belakang. Kuning muda;

}

masukan validasi {

ukuran huruf. 12pt;

}

rq {

warna. #ff0000;

ukuran huruf. 10pt;

}

Keluaran

Outputnya akan terlihat dan terasa seperti ini pada akhirnya

Ara. Validasi Email dalam JavaScript

Kami harap Anda memahami cara menerapkan validasi email dalam JavaScript setelah membaca artikel ini. Ini adalah topik yang relatif sederhana yang digunakan di berbagai jenis aplikasi web

Bacaan Terkait. Tutorial CSS Terbaik untuk Pemula

Kuasai dasar-dasar JavaScript lengkap, jQuery, Ajax, dan lainnya dengan Kursus Pelatihan Sertifikasi Javascript. Lihat pratinjau kursus

Maju dari Kurva dan Kuasai JavaScript Hari Ini

Apakah Anda bertanya-tanya bagaimana Anda bisa mendapatkan keterampilan yang diperlukan untuk memanfaatkan popularitas besar JavaScript sekarang setelah Anda terbiasa dengan validasi email? . Kami menawarkan Pelatihan Sertifikasi Java yang komprehensif, yang akan membantu Anda siap berkarir setelah selesai. Juga validasi email adalah salah satu topik yang sering ditanyakan dalam pertanyaan wawancara Java. Jadi, mulailah hari ini dan raih masa depan Anda

Jika Anda seorang pengembang web dan seluler yang bercita-cita tinggi, pelatihan JavaScript akan memperluas keterampilan dan cakrawala karier Anda

Apakah Anda memiliki pertanyaan untuk kami?

Temukan Bootcamp Online Pengembang Java Stack Lengkap kami di kota-kota teratas

tentang Penulis

Taha adalah Analis Riset di Simplilearn. Dia bersemangat membangun antarmuka pengguna yang hebat dan terus memperbarui dirinya di dunia Kecerdasan Buatan. Taha juga tertarik dengan game dan fotografi

Apa validasi data dalam JavaScript?

Alat JavaScript apa yang dapat digunakan untuk validasi?

Bagaimana cara memvalidasi data dalam tabel di JavaScript?

Apa itu validasi dasar dalam JavaScript?