Tutorial borang pengesahan pembangunan JS - borang pengesahan (4)
Dalam bahagian sebelumnya kita bercakap tentang mengawal panjang nama pengguna
Sekarang mari kita lihat cara mengawal format kata laluan dan alamat e-mel melalui ungkapan biasa js
Walaupun anda tidak tahu cara menulis ungkapan biasa Ungkapan tidak penting Pada masa kini, anda boleh menemui banyak ungkapan biasa yang sedia dibuat untuk alamat e-mel di Internet
Mari kita lihat kata laluan hanya memerlukan kata laluan yang merupakan gabungan nombor dan huruf dan hendaklah antara 6 dan 10 aksara
var rel = /^[a-zA-Z0-9]{6,10}$/ ;
Mari kita lihat ungkapan biasa peti mel
var reg = /^w+((-w+)|(.w+))*@[A-Za-z0-9]+ ((.|-)[A-Za-z0-9]+)*.[A-Za -z0-9]+$/;
Kami telah melengkapkan ungkapan biasa, jadi bagaimana untuk mengesahkan kami bentuk?
Kami ingin mendapatkan nilai kotak teks, dan kemudian memadankannya dengan ungkapan biasa kami Jika ia sepadan, ia mematuhi spesifikasi Jika ia tidak sepadan, mesej segera akan diberikan
Di sini kita akan menggunakan kaedah test()
Kaedah test() digunakan untuk mendapatkan semula sama ada rentetan sepadan dengan corak tertentu
Mari sahkan kata laluan, iaitu gabungan nombor dan huruf
var rel = /^[A-Za-z0-9]{6,10}$/;
var val1 = document.getElementById('pwd').value;
if(val1 == ""){
document.getElementById("sp1").innerHTML = "Sila masukkan kata laluan anda!";
} else if(!rel.test(val1)){
document.getElementById("sp1").innerHTML = " Kata laluan tidak mematuhi spesifikasi! ";
}
Dengan kod di atas, kami telah melengkapkan pengesahan kata laluan
Mari kita lihat kaedah pengesahan alamat e-mel, yang sebenarnya serupa dengan kaedah pengesahan kata laluan
var reg = /^w+((-w+)|(.w+)) *@[A-Za-z0-9]+((.|-)[A-Za-z0-9]+) *.[A-Za-z0-9]+$/;
var val2 = document.getElementById('email').value; ("sp2").innerHTML = "Sila masukkan alamat e-mel anda!";
}✍ document.getElementById ("sp2").innerHTML = "Format e-mel tidak betul ! “;
![Pertempuran sebenar Vue3 bahagian hadapan [projek vue tulisan tangan]](https://img.php.cn/upload/course/000/000/068/639b12e98e0b5441.png)
![Tutorial APIPOST [Popularisasi konsep teknikal yang berkaitan dengan komunikasi rangkaian]](https://img.php.cn/upload/course/000/000/068/63996f34c6c94370.png)
