Rumah >hujung hadapan web >tutorial js >Penjelasan terperinci tentang pengesahan borang JavaScript (pengesahan e-mel)_kemahiran javascript
Artikel ini berkongsi pengesahan borang JavaScript dengan semua orang Data borang biasa yang disahkan oleh JavaScript ialah:
Adakah pengguna telah mengisi ruangan yang diperlukan dalam borang?
Adakah alamat e-mel yang dimasukkan oleh pengguna sah?
Adakah pengguna telah memasukkan tarikh yang sah?
Adakah pengguna memasukkan teks dalam medan angka?
Item yang diperlukan (atau diperlukan)
Fungsi berikut digunakan untuk menyemak sama ada pengguna telah mengisi item yang diperlukan (atau diperlukan) dalam borang. Jika diperlukan atau medan yang diperlukan kosong, kotak amaran akan muncul dan nilai pulangan fungsi adalah palsu, jika tidak nilai pulangan fungsi adalah benar (bermakna tiada masalah dengan data):
function validate_required(field,alerttxt) { with (field) { if (value==null||value=="") {alert(alerttxt);return false} else {return true} } }
Berikut ialah kod bersama-sama dengan borang HTML:
<html> <head> <script type="text/javascript"> function validate_required(field,alerttxt) { with (field) { if (value==null||value=="") {alert(alerttxt);return false} else {return true} } } function validate_form(thisform) { with (thisform) { if (validate_required(email,"Email must be filled out!")==false) {email.focus();return false} } } </script> </head> <body> <form action="submitpage.htm" onsubmit="return validate_form(this)" method="post"> Email: <input type="text" name="email" size="30"> <input type="submit" value="Submit"> </form> </body> </html>
Pengesahan e-mel
Fungsi di bawah menyemak sama ada data yang dimasukkan mematuhi sintaks asas alamat e-mel.
Ini bermakna data yang dimasukkan mesti mengandungi simbol @ dan noktah (.). Pada masa yang sama, @ tidak boleh menjadi aksara pertama alamat e-mel dan mesti ada sekurang-kurangnya satu noktah selepas @:
function validate_email(field,alerttxt) { with (field) { apos=value.indexOf("@") dotpos=value.lastIndexOf(".") if (apos<1||dotpos-apos<2) {alert(alerttxt);return false} else {return true} } }
Berikut ialah kod lengkap bersama-sama dengan borang HTML:
Di atas adalah keseluruhan kandungan artikel ini, saya harap ia akan membantu semua orang untuk mempelajari pengesahan borang javascript.