JavaScript adalah salah satu bahasa paling populer di , Pengembangan Front-end, dan Back-end. Ini digunakan untuk membuat situs web yang dirancang dengan indah. Dalam JavaScript, validasi digunakan untuk mengotentikasi pengguna. Di dalam Validasi JavaScript Artikel, Anda akan belajar tentang validasi formulir dalam urutan berikut:
- Apa itu JavaScript?
- Fungsi di JavaScript
- Apa itu Validasi?
- Validasi Formulir JavaScript
- Validasi Email JavaScript
Apa itu JavaScript?
adalah tingkat tinggi, ditafsirkan bahasa pemrograman yang digunakan untuk membuat halaman web lebih interaktif. Itu sangat kuat sisi klien bahasa scripting yangmembuat halaman web Anda lebih hidup dan interaktif.
Ini adalah bahasa pemrograman yang membantu Anda menerapkan file kompleks dan desain yang indah Halaman web . Jika Anda ingin halaman web Anda terlihat hidup dan melakukan lebih dari sekadar menatap Anda, JavaScript adalah suatu keharusan.
Fitur JavaScript:
Ini adalah Bahasa Scripting dan tidak ada hubungannya dengan . Awalnya, itu dinamai Moka , lalu diubah menjadi LiveScript dan akhirnya dinamai sebagai JavaScript .
JavaScript adalah berbasis objek bahasa pemrograman yang mendukung polimorfisme, enkapsulasi, dan pewarisan juga.
Anda dapat menjalankan JavaScript tidak hanya di browser tetapi juga di server dan perangkat apa pun yang memiliki Mesin JavaScript.
Fungsi JavaScript
Dasar blok bangunan dalam JavaScript disebut sebagai Fungsi . Ini pada dasarnya adalah sekumpulan pernyataan yang melakukan tugas atau menghitung nilai. Untuk menggunakan suatu fungsi, itu harus didefinisikan di suatu tempat dalam lingkup yang Anda inginkan untuk memanggilnya.
Definisi fungsi terdiri dari kata kunci fungsi, diikuti oleh:
Itu nama dari fungsinya.
Daftar parameter ke fungsi, diapit dalam tanda kurung dan dipisahkan dengan koma.
JavaScript pernyataan yang mendefinisikan fungsi, diapit oleh tanda kurung kurawal, {}.
Mari kita ambil contoh dan lihat bagaimana mendefinisikan sebuah fungsi bernama Menambahkan :
function add (a, b) {return a + b}Sekarang, untuk memvalidasi pengguna, fungsi validasi digunakan. Jadi mari kita lanjutkan dan pelajari lebih lanjut tentang validasi JavaScript.
Apa itu Validasi?
Validasi adalah metode untuk otentikasi pengguna. JavaScript menyediakan fasilitas untuk memvalidasi form di sisi klien sehingga pemrosesan data akan lebih cepat daripada validasi sisi server. Ini disukai oleh sebagian besar pengembang web. Melalui JavaScript, kami dapat memvalidasi nama, kata sandi, email, tanggal, nomor ponsel, dan lebih banyak bidang.
Sisi klien validasi mencegah klien mengetahui apakah formulir tersebut baik-baik saja sebelum memuat ulang halaman. Sedangkan, Sisi server validasi penting karena fakta bahwa validasi sisi klien dapat sepenuhnya dilewati dengan menonaktifkan JavaScript.
Sekarang mari kita lanjutkan dengan artikel Validasi JavaScript kita dan lihat contoh Validasi Formulir.
Validasi JavaScript: Contoh
Contoh berikut adalah kode dalam HTML, CSS, dan JavaScript untuk memvalidasi formulir di mana:
- HTML digunakan untuk membuat formulir.
- JavaScript digunakan untuk mengesahkan formulir.
FormValidation.html
validasi formulir / ** /Kata sandi:
Ini akan memberikan hasil sebagai berikut:
Sekarang, Anda perlu membuat file lain yang sesuai redirect halaman ke yang baru setelah mengklik Kirimkan tombol.
Text.html
Validasi Formulir / ** /
Ini akan mengarahkan ke halaman lain dan memberikan yang berikut ini keluaran :
Sekarang, kita perlu menambahkan file Fungsi di JavaScipt kami untuk menghubungkan id input. Ini akan memunculkan file waspada pesan jika salah satu bidang dibiarkan kosong.
function validateform () {var name = document.myform.name.value var password = document.myform.password.value if (name == null || name == '') {alert ('Nama tidak boleh kosong' ) return false} lain jika (password.length<6){ alert('Password must be atleast 6 characters long.') return false } } Ini akan memunculkan yang berikut waspada ketika Bidang nama dikosongkan:
Selanjutnya, jika Anda memasukkan nama dan meninggalkan Bidang kata sandi kosong, itu akan memunculkan yang berikut ini waspada :
Setelah Anda menambahkan nama dan kata sandi dalam format yang benar, halaman ini akan diarahkan ke halaman Text.html untuk hasil akhir.
Kode lengkap untuk Validasi Formulir adalah sebagai berikut:
form validation function validateform () {var name = document.myform.name.value var password = document.myform.password.value if (name == null || name == '') {alert ('Name can't be blank ') return false} lain jika (password.length<6){ alert('Password must be atleast 6 characters long.') return false } } Kata sandi: Ini adalah contoh validasi formulir di JavaScript. kami juga dapat memvalidasi id email, kata sandi, nomor ponsel. dan masih banyak lagi.
Jadi, mari kita ambil contoh lain dan lihat cara memvalidasi id email menggunakan JavaScript.
Validasi Email JavaScript
Email.html
apa itu pencarian biner di java
function ValidateEmail (inputText) {var mailformat = /^w+([.-]?w+)*@w+([.-]?w+)*(.w{2,3})+$/ if (inputText.value. match (mailformat)) {document.form1.text1.focus () return true} lain {alert ('Anda telah memasukkan alamat email yang salah!') document.form1.text1.focus () return false}}Keluaran
Dengan ini, kita sampai pada bagian akhir artikel validasi JavaScript kita. Saya harap Anda menemukan blog ini informatif dan memperoleh pemahaman dasar tentang validasi JavaScript.
Selain itu, jangan lupa untuk melihat oleh Edureka . Ada pertanyaan untuk kami? Harap sebutkan di bagian komentar 'Validasi JavaScript' dan kami akan menghubungi Anda kembali.