Pengesahan JavaScript: Semua Yang Anda Perlu Tahu Mengenai Mengesahkan Borang dan E-mel



Artikel mengenai Pengesahan JavaScript ini akan memberikan pengetahuan mendalam mengenai pengesahan borang. Ini akan memberikan contoh untuk mengesahkan borang menggunakan javascript.

JavaScript adalah salah satu bahasa yang paling popular di , Pembangunan Front-end, dan Back-end. Ia digunakan untuk membuat laman web yang dirancang dengan indah. Dalam JavaScript, pengesahan digunakan untuk mengesahkan pengguna. Di dalam ini Pengesahan JavaScript artikel, Anda akan belajar mengenai pengesahan borang dalam urutan berikut:

Apa itu JavaScript?

ialah tahap tinggi, ditafsirkan bahasa pengaturcaraan yang digunakan untuk menjadikan laman web lebih interaktif. Ia sangat kuat pelanggan bahasa skrip yangmenjadikan laman web anda lebih meriah dan interaktif.





Javascript - pengesahan javascript - edureka

Ini adalah bahasa pengaturcaraan yang membantu anda melaksanakan a kompleks dan reka bentuk yang indah di laman sesawang . Sekiranya anda mahu laman web anda kelihatan hidup dan melakukan lebih banyak daripada sekadar menggerogoti anda, JavaScript adalah suatu keharusan.



Ciri-ciri JavaScript:

  • Ini adalah Bahasa Skrip dan tidak ada kaitan dengan . Pada mulanya, Ia dinamakan Mocha , kemudian ditukar menjadi LiveScript dan akhirnya dinamakan sebagai JavaScript .

  • JavaScript adalah berasaskan objek bahasa pengaturcaraan yang menyokong polimorfisme, enkapsulasi, dan pewarisan juga.



  • Anda boleh menjalankan JavaScript bukan sahaja di penyemak imbas tetapi juga pada pelayan dan mana-mana peranti yang mempunyai Mesin JavaScript.

Fungsi JavaScript

Yang asasnya blok bangunan dalam JavaScript dipanggil sebagai Fungsi . Ini pada dasarnya adalah satu set pernyataan yang melakukan tugas atau mengira nilai. Untuk menggunakan fungsi, fungsi tersebut harus ditentukan di suatu tempat dalam ruang lingkup dari mana anda ingin memanggilnya.

Definisi fungsi terdiri daripada kata kunci fungsi, diikuti oleh:

  • The nama fungsi.

  • Senarai parameter ke fungsi, ditutup dalam kurungan dan dipisahkan dengan koma.

  • JavaScript penyataan yang menentukan fungsi, tertutup kurungan keriting, {}.

Mari kita ambil contoh dan lihat bagaimana menentukan fungsi yang dinamakan Tambah :

fungsi tambah (a, b) {return a + b}

Sekarang, untuk mengesahkan pengguna, fungsi pengesahan digunakan. Oleh itu, mari maju dan ketahui lebih lanjut mengenai pengesahan JavaScript.

Apa itu Pengesahan?

Pengesahan adalah kaedah untuk mengesahkan pengguna. JavaScript menyediakan kemudahan untuk mengesahkan borang di sisi klien sehingga pemprosesan data akan lebih cepat daripada pengesahan sisi pelayan. Ia disukai oleh kebanyakan pembangun web. Melalui JavaScript, kita dapat mengesahkan nama, kata laluan, e-mel, tarikh, nombor telefon bimbit dan banyak lagi bidang.

Pelanggan pengesahan menghalang klien untuk mengetahui sama ada borang itu baik-baik saja sebelum memuat semula halaman. Manakala, Bahagian pelayan pengesahan adalah mustahak kerana pengesahan sisi pelanggan dapat dilewati sepenuhnya dengan mematikan JavaScript.

Sekarang mari kita lanjutkan dengan artikel Pengesahan JavaScript kami dan lihat contoh Pengesahan Borang.

Pengesahan JavaScript: Contoh

Contoh berikut adalah kod dalam HTML, CSS, dan JavaScript untuk mengesahkan borang di mana:

  1. HTML sudah biasa untuk buat borang.
  2. JavaScript sudah biasa untuk mengesahkan borang.

FormValidation.html

pengesahan borang / ** /
Kata Laluan:
 

Ini akan memberikan output berikut:

Sekarang, anda perlu membuat fail lain yang akan ubah hala halaman ke halaman baru setelah mengklik serahkan butang.

Teks.html

Pengesahan Borang / ** /

Ia akan mengalihkan ke halaman lain dan memberikan yang berikut pengeluaran :

Sekarang, kita perlu menambah a Fungsi di JavaScipt kami untuk menghubungkan id input. Ini akan muncul amaran mesej jika ada medan kosong.

fungsi validateform () {var name = document.myform.name.value var password = document.myform.password.value if (name == null || name == '') {alert ('Nama tidak boleh kosong' ) kembali false} yang lain jika (password.length<6){ alert('Password must be atleast 6 characters long.') return false } } 

Ini akan muncul berikut amaran apabila Medan nama dibiarkan kosong:

Seterusnya, jika anda memasukkan nama dan meninggalkan Medan kata laluan kosong, ia akan muncul berikut amaran :

Setelah anda menambahkan nama dan kata laluan dalam format yang betul, halaman ini akan diarahkan ke halaman Text.html untuk keluaran akhir.

Kod lengkap untuk Pengesahan Borang adalah seperti berikut:

fungsi pengesahan bentuk validateform () {var name = document.myform.name.value var password = document.myform.password.value if (name == null || name == '') {alert ('Nama tidak boleh kosong ') kembali false} yang lain jika (password.length<6){ alert('Password must be atleast 6 characters long.') return false } } Kata Laluan: 

Ini adalah contoh pengesahan borang dalam JavaScript. kami juga dapat mengesahkan id e-mel, kata laluan, no telefon bimbit. dan banyak lagi.

Oleh itu, mari kita ambil contoh lain dan lihat cara mengesahkan ID emel menggunakan JavaScript.

Pengesahan E-mel JavaScript

E-mel.html

fungsi ValidateEmail (inputText) {var mailformat = /^w+([.-]?w+)*@w+([.-]?w+)*(.w{2,3})+$/ if (inputText.value. match (mailformat)) {document.form1.text1.focus () return true} other {alert ('Anda telah memasukkan alamat e-mel yang tidak sah!') document.form1.text1.focus () return false}}

Pengeluaran

Dengan ini, kami telah sampai pada akhir artikel pengesahan JavaScript kami. Saya harap anda dapati blog ini bermaklumat dan memperoleh pemahaman asas mengenai pengesahan JavaScript.

cara menetapkan class Java

Juga, jangan lupa untuk melihat oleh Edureka . Ada soalan untuk kami? Sila sebutkan di bahagian komen 'Pengesahan JavaScript' dan kami akan menghubungi anda.