jQuery表单验证之密码确认实例详解
本文主要为大家详细介绍了jQuery表单验证之密码确认的实现代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能帮助到大家。
众所周知，在修改密码时会需要两次输入密码。这时如何确保两个密码框中都有内容？两个密码框中是一致的？如果一个没有输入会给出提示？OK这一切都可以用JS来实现，具体思想很简单啦，就是编写事件获取dom节点，判断对象的取值呀？
那么编写什么事件？应该是onblur事件~。而且要为两个密码框都加上失去焦点的blur事件。利用jQuery比较方便勒。
话不多说，直接上代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>password验证</title>
<script src="jquery/jquery-3.1.1.min.js" type="text/javascript"></script>
</head>
<body>
<form ation="psot" method="">
<label for="password1">请输入密码：</label>
<input id="password" name="password" onblur="checkpas1();" required="true" type="password"/>
<br/>
<label for="password1">请确认密码：</label>
<input type="password" name="repassword" id="repassword" required="true" onChange="checkpas();" />
<span class="tip" style="color: red;">两次输入的密码不一致</span><br>
<input type="button" name="submit" value="提交" onclick="checkpas2();"/>
</form>
<script>
$(".tip").hide();
function checkpas1(){//当第一个密码框失去焦点时，触发checkpas1事件
var pas1=document.getElementById("password").value;
var pas2=document.getElementById("repassword").value;//获取两个密码框的值
if(pas1!=pas2&&pas2!="")//此事件当两个密码不相等且第二个密码是空的时候会显示错误信息
$(".tip").show();
else
$(".tip").hide();//若两次输入的密码相等且都不为空时，不显示错误信息。
}
function checkpas(){//当第一个密码框失去焦点时，触发checkpas2件
var pas1=document.getElementById("password").value;
var pas2=document.getElementById("repassword").value;//获取两个密码框的值
if(pas1!=pas2){
$(".tip").show();//当两个密码不相等时则显示错误信息
}else{
$(".tip").hide();
}
}
function checkpas2(){//点击提交按钮时，触发checkpas2事件，会进行弹框提醒以防无视错误信息提交
var pas3=document.getElementById("password").value;
var pas4=document.getElementById("repassword").value;
if(pas3!=pas4){
alert("两次输入的密码不一致！");
return false;
}
}
</script>
</body>
</html>
</html>希望大家能去理解代码，其实还是比较简单的，多写写就会了。我也是才上手的。说的不对的，希望大佬指出来
相关推荐:
AngularJS实现的获取焦点及失去焦点时的表单验证功能详解
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
AI Hentai Generator
Menjana ai hentai secara percuma.
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
1377
52
Bagaimana untuk menyelesaikan masalah yang Windows 11 meminta anda memasukkan nama pengguna dan kata laluan pentadbir untuk meneruskan?
Apr 11, 2024 am 09:10 AM
Apabila menggunakan sistem Win11, kadangkala anda akan menemui gesaan yang memerlukan anda memasukkan nama pengguna dan kata laluan pentadbir Artikel ini akan membincangkan cara menangani situasi ini. Kaedah 1: 1. Klik [Logo Windows], kemudian tekan [Shift+Restart] untuk memasuki mod selamat atau masukkan mod selamat dengan cara ini: klik menu Mula dan pilih Tetapan. Pilih "Kemas kini dan Keselamatan"; pilih "Mulakan Semula Sekarang" dalam "Pemulihan" selepas memulakan semula dan memasukkan pilihan, pilih - Selesaikan Masalah - Pilihan Lanjutan - Tetapan Permulaan -&mdash
Bagaimana untuk menetapkan kata laluan WiFi penghala menggunakan telefon bimbit (menggunakan telefon bimbit sebagai alat)
Apr 24, 2024 pm 06:04 PM
Rangkaian tanpa wayar telah menjadi bahagian yang amat diperlukan dalam kehidupan orang ramai dalam dunia digital hari ini. Walau bagaimanapun, melindungi keselamatan rangkaian wayarles peribadi adalah amat penting. Menetapkan kata laluan yang kukuh adalah kunci untuk memastikan rangkaian WiFi anda tidak boleh digodam oleh orang lain. Untuk memastikan keselamatan rangkaian anda, artikel ini akan memperkenalkan secara terperinci cara menggunakan telefon mudah alih anda untuk menukar kata laluan WiFi penghala. 1. Buka halaman pengurusan penghala - Buka halaman pengurusan penghala dalam penyemak imbas mudah alih dan masukkan alamat IP lalai penghala. 2. Masukkan nama pengguna dan kata laluan pentadbir - Untuk mendapatkan akses, masukkan nama pengguna dan kata laluan pentadbir yang betul dalam halaman log masuk. 3. Navigasi ke halaman tetapan wayarles - cari dan klik untuk memasuki halaman tetapan wayarles, dalam halaman pengurusan penghala. 4. Cari Wi semasa
Kata laluan salah, berhati-hati dengan amaran BitLocker
Mar 26, 2024 am 09:41 AM
Artikel ini akan meneroka cara untuk menyelesaikan masalah kata laluan yang salah, terutamanya keperluan untuk berhati-hati apabila berurusan dengan amaran BitLocker. Amaran ini dicetuskan apabila kata laluan yang salah dimasukkan beberapa kali dalam BitLocker untuk membuka kunci pemacu. Biasanya, amaran ini berlaku kerana sistem mempunyai dasar yang mengehadkan percubaan log masuk yang salah (biasanya tiga percubaan log masuk dibenarkan). Dalam kes ini, pengguna akan menerima mesej amaran yang sesuai. Mesej amaran yang lengkap adalah seperti berikut: Kata laluan yang dimasukkan adalah salah Sila ambil perhatian bahawa memasukkan kata laluan yang salah secara berterusan akan menyebabkan akaun dikunci Ini adalah untuk melindungi keselamatan data anda. Jika anda perlu membuka kunci akaun anda, anda perlu menggunakan kunci pemulihan BitLocker. Kata laluan tidak betul, berhati-hati dengan amaran BitLocker yang anda terima apabila anda log masuk ke komputer anda
Tutorial menukar kata laluan wifi pada telefon bimbit (operasi mudah)
Apr 26, 2024 pm 06:25 PM
Rangkaian tanpa wayar telah menjadi bahagian yang amat diperlukan dalam kehidupan kita dengan perkembangan pesat Internet. Untuk melindungi maklumat peribadi dan keselamatan rangkaian, adalah sangat penting untuk menukar kata laluan wifi anda dengan kerap, walau bagaimanapun. Untuk membantu anda melindungi keselamatan rangkaian rumah anda dengan lebih baik, artikel ini akan memperkenalkan anda kepada tutorial terperinci tentang cara menggunakan telefon mudah alih anda untuk menukar kata laluan WiFi anda. 1. Fahami kepentingan kata laluan wifi adalah barisan pertahanan pertama untuk melindungi maklumat peribadi dan keselamatan rangkaian Dalam era Internet, memahami kepentingannya boleh lebih memahami mengapa anda perlu menukar kata laluan anda dengan kerap. 2. Sahkan bahawa telefon disambungkan ke wifi Pertama, pastikan telefon disambungkan ke rangkaian wifi yang kata laluannya anda ingin tukar sebelum menukar kata laluan wifi. 3. Buka menu tetapan telefon dan masukkan menu tetapan telefon.
Apakah yang perlu saya lakukan jika kata laluan Win10 saya tidak memenuhi keperluan dasar kata laluan Apa yang perlu dilakukan jika kata laluan komputer saya tidak memenuhi keperluan dasar?
Jun 25, 2024 pm 04:59 PM
Dalam sistem Windows 10, dasar kata laluan ialah satu set peraturan keselamatan untuk memastikan kata laluan yang ditetapkan oleh pengguna memenuhi keperluan kekuatan dan kerumitan tertentu Jika sistem menggesa bahawa kata laluan anda tidak memenuhi keperluan dasar kata laluan, ini biasanya bermakna anda kata laluan tidak memenuhi keperluan yang ditetapkan oleh piawaian Microsoft untuk kerumitan, panjang atau jenis aksara, jadi bagaimana ini boleh dielakkan? Pengguna boleh terus mencari dasar kata laluan di bawah dasar komputer tempatan untuk melaksanakan operasi. Mari lihat di bawah. Penyelesaian yang tidak mematuhi spesifikasi dasar kata laluan: Tukar panjang kata laluan: Mengikut keperluan dasar kata laluan, kami boleh cuba meningkatkan panjang kata laluan, seperti menukar kata laluan 6 digit asal kepada 8 digit atau lebih lama. Tambah aksara khas: Dasar kata laluan selalunya memerlukan kemasukan aksara khas seperti @, #, $, dsb. saya
Bagaimana untuk memasuki sistem jika anda terlupa kata laluan kuasa komputer win10 anda_Apa yang perlu dilakukan jika anda terlupa kata laluan kuasa hidup komputer win10 anda
Mar 28, 2024 pm 02:35 PM
1. Muat turun dan pasang alat pemasangan semula sistem satu klik Xiaobai pada komputer lain, masukkan cakera USB kosong untuk mencipta cakera but USB Untuk tutorial tertentu, sila rujuk: 2. Masukkan cakera but USB ke dalam komputer yang perlu ditukar kata laluan untuk memulakan semula, dan tekan kekunci pintas Mula Secara amnya, kekunci pintas permulaan adalah salah satu daripada F12, F8, F9, F10 dan ESC. Kemudian antara muka permulaan muncul, pilih pilihan cakera U dan tekan Enter untuk masuk. 3. Pilih [1] untuk memulakan win10x64PE dan tekan Enter untuk mengesahkan. 4. Pilih alat pengubahsuaian kata laluan pada desktop dan klik dua kali untuk membukanya. 5. Kemudian senarai nama akaun muncul, pilih akaun yang perlu menukar kata laluan dan bukanya. 6. Klik perintah Tukar Kata Laluan di bawah, masukkan kata laluan baharu dua kali, dan kemudian klik OK untuk menyimpan perubahan. 7. Akhir sekali, cabut pemacu kilat USB dan mulakan semula komputer Kemudian ia akan menjadi normal.
Analisis mekanisme penyimpanan kata laluan pengguna dalam sistem Linux
Mar 20, 2024 pm 04:27 PM
Analisis mekanisme penyimpanan kata laluan pengguna dalam sistem Linux Dalam sistem Linux, penyimpanan kata laluan pengguna adalah salah satu mekanisme keselamatan yang sangat penting. Artikel ini akan menganalisis mekanisme penyimpanan kata laluan pengguna dalam sistem Linux, termasuk storan kata laluan yang disulitkan, proses pengesahan kata laluan dan cara mengurus kata laluan pengguna dengan selamat. Pada masa yang sama, contoh kod khusus akan digunakan untuk menunjukkan proses operasi sebenar penyimpanan kata laluan. 1. Penyimpanan kata laluan yang disulitkan Dalam sistem Linux, kata laluan pengguna tidak disimpan dalam sistem dalam teks biasa, tetapi disulitkan dan disimpan. L
Apakah nama perisian yang boleh membuka kunci semua kata laluan wifi (perisian mudah alih yang disyorkan untuk mendapatkan kata laluan wifi yang disambungkan dengan satu klik)
Apr 02, 2024 pm 06:46 PM
Rangkaian wayarles telah menjadi sebahagian daripada kehidupan orang ramai dalam masyarakat moden. Atau perlu melihat kata laluan yang disimpan dalam senarai WiFi, kadangkala kita terlupa kata laluan WiFi, bagaimanapun. Perisian mudah alih wujud untuk menyelesaikan masalah ini. Untuk memudahkan anda menguasai alat ajaib ini, artikel ini akan memperkenalkan perisian yang boleh membantu anda membuka kunci semua kata laluan WiFi dengan cepat. 1. Alat buka kunci kata laluan WiFi yang berkuasa - terokai dunia indah buka kunci kata laluan WiFi 2. Reka bentuk antara muka yang ringkas dan mudah digunakan - kaedah operasi yang mudah dan pantas 3. Menyokong berbilang peranti - memenuhi keperluan peranti yang berbeza 4. Kemas Kini Secara Automatik - sentiasa simpan kata laluan WiFi terkini 5. Sambungan WiFi berkelajuan tinggi - mudah mengatasi keperluan sambungan serentak berbilang peranti
