jQuery正则验证注册页面详解
本文主要介绍了jQuery正则验证注册页面功能,涉及针对用户名、密码、邮箱、手机号等的正则验证操作技巧,需要的朋友可以参考下，希望能帮助到大家。
本文实例讲述了jQuery正则验证注册页面功能。分享给大家供大家参考，具体如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>正则验证注册页面</title>
<style type="text/css">
.red{
color:#cc0000;
font-weight:bold;
}
</style>
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script language="JavaScript">
function $(elementId){
return document.getElementById(elementId).value;
}
function pId(elementId){
return document.getElementById(elementId);
}
// 用户名验证
function checkUser(){
var user = $("user");
var userId = pId("user_prompt");
userId.innerHTML="";
var reg=/^[a-zA-Z][a-zA-Z0-9]{3,15}$/;
if(reg.test(user)==false){
userId.innerHTML="用户名不正确";
return false;
}
return true;
}
// password check
function checkPwd(){
var pwd = $("pwd");
var pwdId = pId("pwd_prompt");
pwdId.innerHTML="";
var reg = /^[a-zA-Z0-9]{4,10}$/;
if(reg.test(pwd)==false){
pwdId.innerHTML = "密码不能含有非法字符，长度在4-10之间";
return false;
}
return true;
}
function checkRepwd(){
var repwd = $("repwd");
var pwd = $("pwd");
var repwdId = pId("repwd_prompt");
repwdId.innerHTML=""
if(pwd!=repwd){
repwdId.innerHTML="两次密码不一致";
return false;
}
return true;
}
// 邮箱验证
function checkEmail(){
var email = $("email");
var email_prompt = pId("email_prompt");
email_prompt.innerHTML="";
var reg = /^\w+@\w+(\.[a-zA-Z]{2,3}){1,2}$/;
if(reg.test(email)==false){
email_prompt.innerHTML="Email格式不对，请输入正确email";
return false;
}
return true;
}
// 手机号验证
function checkMobile() {
var mobile = $("mobile");
var mobileId = pId("mobile_prompt");
mobileId.innerHTML="";
var reMobile = /^1\d{10}$/;
if (reMobile.test(mobile)==false){
mobileId.innerHTML="手机号输入有误";
return false;
}
return true;
}
// 生日验证
function checkBirth(){
var birth = $("birth");
var birthId = pId("birth_prompt");
birthId.innerHTML="";
var reg = /^((19\d{2})|(200\d))-(0?[1-9]|1[0-2])-(0?[1-9]|[1-2]\d|3[0-1])$/;
if(reg.test(birth)==false){
birthId.innerHTML="生日格式不对";
return false;
}
return true;
}
</script>
</head>
<body>
<table class="main" border="0" callpadding="0" cellspacing="0">
<tr>
<td><img src="images/logo.jpg" alt="logo"><img src="images/banner.jpg" alt="banner"></td>
</tr>
<tr>
<td class="hr_1">新用户注册</td>
</tr>
<tr>
<td style="height: 10px;"></td>
</tr>
<form action="" method="post" name="myform">
<tr>
<td><table>
<tr>
<td class="left">用户名：</td>
<td class="center"><input type="text" id="user" class="in" onblur="checkUser()"></td>
<td><p id="user_prompt">用户名由英文字母和数字组成-4到16位字符，以字母开头</p></td>
</tr>
<tr>
<td class="left">密码：</td>
<td class="center"><input type="password" id="pwd" class="in" onblur="checkPwd()"></td>
<td><p id="pwd_prompt">密码由英文字母和数字组成的4-10位字符</p></td>
</tr>
<tr>
<td class="left">确认密码：</td>
<td class="center"><input type="password" id="repwd" class="in" onblur="checkRepwd()"></td>
<td><p id="repwd_prompt"></p></td>
</tr>
<tr>
<td class="left">电子邮箱：</td>
<td class="center"><input type="text" id="email" class="in" onblur="checkEmail()"></td>
<td><p id="email_prompt"></p></td>
</tr>
<tr>
<td class="left">手机号码：</td>
<td class="center"><input type="text" id="mobile" class="in" onblur="checkMobile()"></td>
<td><p id="mobile_prompt"></p></td>
</tr>
<tr>
<td class="left">生日：</td>
<td class="center"><input type="text " id="birth" class="in" onblur="checkBirth()"></td>
<td><p id="birth_prompt"></p></td>
</tr>
<tr>
<td class="left"> </td>
<td class="center"><input name="" type="image" src="images/register.jpg" /></td>
<td> </td>
</tr>
</table>
</td>
</tr>
</form>
</table>
</body>
</html>相关推荐：
Atas ialah kandungan terperinci jQuery正则验证注册页面详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
Bagaimana untuk mendaftar berbilang akaun di Xiaohongshu? Adakah saya akan ditemui jika saya mendaftar berbilang akaun?
Mar 25, 2024 am 09:41 AM
Sebagai platform yang menyepadukan rangkaian sosial dan e-dagang, Xiaohongshu telah menarik lebih ramai pengguna untuk menyertainya. Sesetengah pengguna berharap untuk mendaftar berbilang akaun untuk pengalaman yang lebih baik berinteraksi dengan Xiaohongshu. Jadi, bagaimana untuk mendaftar berbilang akaun di Xiaohongshu? 1. Bagaimana untuk mendaftar berbilang akaun di Xiaohongshu? 1. Gunakan nombor telefon mudah alih yang berbeza untuk mendaftar Pada masa ini, Xiaohongshu terutamanya menggunakan nombor telefon bimbit untuk mendaftar akaun. Pengguna kadangkala cuba membeli berbilang kad nombor telefon mudah alih dan menggunakannya untuk mendaftar berbilang akaun Xiaohongshu. Walau bagaimanapun, pendekatan ini mempunyai beberapa had, kerana membeli berbilang kad nombor telefon mudah alih adalah menyusahkan dan mahal. 2. Gunakan e-mel untuk mendaftar Selain nombor telefon bimbit anda, e-mel anda juga boleh digunakan untuk mendaftar akaun Xiaohongshu. Pengguna boleh menyediakan berbilang alamat e-mel dan kemudian menggunakan alamat e-mel ini untuk mendaftar akaun. tetapi
Bagaimana untuk mendaftar akaun Xiaohongshu? Apakah yang diperlukan untuk mendaftar akaun Xiaohongshu?
Mar 22, 2024 am 10:16 AM
Xiaohongshu, platform sosial yang menyepadukan kehidupan, hiburan, membeli-belah dan perkongsian, telah menjadi bahagian yang sangat diperlukan dalam kehidupan seharian ramai orang muda. Jadi, bagaimana untuk mendaftar akaun Xiaohongshu? 1. Bagaimana untuk mendaftar akaun Xiaohongshu? 1. Buka laman web rasmi Xiaohongshu atau muat turun APP Xiaohongshu. Klik butang "Daftar" di bawah dan anda boleh memilih kaedah pendaftaran yang berbeza. Pada masa ini, Xiaohongshu menyokong pendaftaran dengan nombor telefon mudah alih, alamat e-mel dan akaun pihak ketiga (seperti WeChat, QQ, Weibo, dll.). 3. Isikan maklumat yang berkaitan. Mengikut kaedah pendaftaran yang dipilih, isikan nombor telefon bimbit, alamat e-mel atau maklumat akaun pihak ketiga yang sepadan. 4. Tetapkan kata laluan. Tetapkan kata laluan yang kukuh untuk memastikan akaun anda selamat. 5. Lengkapkan pengesahan. Ikut gesaan untuk melengkapkan pengesahan telefon mudah alih atau pengesahan e-mel. 6. Menyempurnakan individu
Bagaimana untuk mendaftar akaun Xiaohongshu? Bagaimana untuk memulihkan jika akaunnya tidak normal?
Mar 21, 2024 pm 04:57 PM
Sebagai salah satu platform perkongsian gaya hidup paling popular di dunia, Xiaohongshu telah menarik sejumlah besar pengguna. Jadi, bagaimana untuk mendaftar akaun Xiaohongshu? Artikel ini akan memperkenalkan anda kepada proses pendaftaran akaun Xiaohongshu secara terperinci, dan menjawab soalan tentang cara memulihkan akaun Xiaohongshu yang tidak normal. 1. Bagaimana untuk mendaftar akaun Xiaohongshu? 1. Muat turun APP Xiaohongshu: Cari dan muat turun APP Xiaohongshu dalam gedung aplikasi mudah alih, dan bukanya selepas pemasangan selesai. 2. Daftar akaun: Selepas membuka APP Xiaohongshu, klik butang "Saya" di penjuru kanan sebelah bawah halaman utama, dan kemudian pilih "Daftar". 3. Isikan maklumat pendaftaran: Isikan nombor telefon bimbit, tetapkan kata laluan, kod pengesahan dan maklumat pendaftaran lain mengikut arahan. 4. Lengkapkan maklumat peribadi: Selepas pendaftaran berjaya, ikut gesaan untuk melengkapkan maklumat peribadi, seperti nama, jantina, hari lahir, dsb. 5. Tetapan
Bagaimana untuk mendaftar akaun qooapp
Mar 19, 2024 pm 08:58 PM
qooapp adalah perisian yang boleh memuat turun banyak permainan, jadi bagaimana untuk mendaftar akaun Pengguna perlu mengklik butang "Daftar" jika mereka belum mempunyai pas, dan kemudian memilih kaedah pendaftaran. Pengenalan kaedah pendaftaran akaun ini sudah cukup untuk memberitahu anda cara mengendalikannya. Berikut adalah pengenalan terperinci, jadi sila lihat. Bagaimana untuk mendaftar akaun qooapp? 2. Kemudian pilih kaedah log masuk yang anda perlukan. 3. Anda boleh menggunakannya terus selepas itu. Pendaftaran laman web rasmi: 1. Buka laman web https://apps.ppaooq.com/ dan klik pada sudut kanan atas untuk mendaftar. 2. Pilih pendaftaran
Bagaimana untuk menyemak berapa lama sejak pendaftaran WeChat? Bagaimana untuk menyemak berapa lama anda telah didaftarkan di WeChat
Mar 13, 2024 am 08:52 AM
WeChat ialah perisian sosial yang popular dengan fungsi yang kaya dan ramai pengguna. Jika anda ingin menyemak berapa lama anda telah mendaftar di WeChat, walaupun WeChat sendiri tidak secara langsung menyediakan fungsi menyemak masa pendaftaran, kami boleh membuat spekulasi melalui beberapa kaedah tidak langsung. Walau bagaimanapun, kaedah ini tidak tepat sepenuhnya kerana pelbagai faktor boleh menjejaskan ketepatan keputusan. Jika anda mempunyai keperluan yang tepat untuk masa pendaftaran, adalah disyorkan untuk menghubungi perkhidmatan pelanggan WeChat untuk perundingan. Bagaimana untuk menyemak berapa lama sejak pendaftaran WeChat? Cara pertama untuk melihat berapa lama anda telah didaftarkan di WeChat adalah dengan menyemak peti mel QQ anda. Jika anda menggunakan QQ untuk log masuk ke WeChat, selepas pendaftaran berjaya, peti mel QQ anda akan menerima e-mel alu-aluan daripada WeChat. Anda boleh mencari "WeChat" dalam peti mel QQ anda untuk melihat sama ada terdapat e-mel sedemikian, dan kemudian menentukan masa pendaftaran. Cara kedua ialah dengan melihat
Bagaimana untuk mendaftar dua nombor B-site dengan satu nombor telefon bimbit? Bagaimanakah Stesen B membuka ikatan telefon bimbitnya?
Mar 21, 2024 pm 10:10 PM
Bilibili (Bilibili), sebagai laman web perkongsian video yang sangat popular di kalangan anak muda Cina, telah menarik sejumlah besar pengguna. Sesetengah pengguna berharap untuk mempunyai dua akaun Bilibili supaya mereka boleh diurus dan digunakan secara berasingan. Jadi, bagaimana untuk mendaftar dua nombor B-site dengan satu nombor telefon bimbit? Artikel ini akan menumpukan pada isu ini dan cara menyahikat telefon mudah alih. 1. Bagaimana untuk mendaftar dua nombor B-site dengan satu nombor telefon bimbit? 1. Daftar akaun baharu: Pertama, buka Apl Bilibili pada telefon mudah alih anda atau log masuk ke laman web rasmi, klik butang "Daftar", dan pilih kaedah pendaftaran Anda boleh menggunakan nombor telefon bimbit, e-mel atau ketiga-. akaun pihak (seperti WeChat, QQ, dll.) untuk mendaftar. 2. Apabila mendaftar akaun, sila isi maklumat yang diperlukan mengikut gesaan sistem, termasuk nombor telefon mudah alih, kod pengesahan dan kata laluan yang ditetapkan. Pastikan anda menggunakan akaun yang berbeza
Bagaimana untuk mendaftar akaun matriks nombor video? Bagaimana untuk membuat akaun video anda sendiri?
Mar 22, 2024 am 10:42 AM
Dengan pelancaran akaun video WeChat, semakin ramai orang telah melihat peluang trafik baharu Oleh itu, pendaftaran akaun matriks akaun video telah menjadi tumpuan ramai pencipta dan pedagang. Jadi, bagaimana untuk mendaftar akaun matriks nombor video? Bagaimana untuk membuat akaun video anda sendiri? Artikel ini akan menjawab dua soalan ini secara terperinci. 1. Bagaimana untuk mendaftar akaun matriks nombor video? 1. Akaun WeChat: Pertama, anda perlu mempunyai akaun WeChat. Jika tidak, sila daftarkan satu dahulu. 2. Buka akaun video: Dalam APP WeChat, cari halaman "Discover" dan klik "Akaun Video" untuk memasuki halaman akaun video. 3. Pusat Pencipta: Di bahagian bawah halaman akaun video, klik butang "Pusat Pencipta" untuk memasuki Pusat Pencipta. 4. Daftar akaun video: Pada halaman Pusat Pencipta, cari pilihan "Daftar Akaun Video".
Bagaimana untuk menggunakan kaedah permintaan PUT dalam jQuery?
Feb 28, 2024 pm 03:12 PM
Bagaimana untuk menggunakan kaedah permintaan PUT dalam jQuery? Dalam jQuery, kaedah menghantar permintaan PUT adalah serupa dengan menghantar jenis permintaan lain, tetapi anda perlu memberi perhatian kepada beberapa butiran dan tetapan parameter. Permintaan PUT biasanya digunakan untuk mengemas kini sumber, seperti mengemas kini data dalam pangkalan data atau mengemas kini fail pada pelayan. Berikut ialah contoh kod khusus menggunakan kaedah permintaan PUT dalam jQuery. Mula-mula, pastikan anda memasukkan fail perpustakaan jQuery, kemudian anda boleh menghantar permintaan PUT melalui: $.ajax({u
