pengesahan kata laluan jQuery
Pengesahan Kata Laluan jQuery
Pemalam Pengesahan Kata Laluan jQuery memanjangkan pemalam jQuery Validate dan menyediakan dua komponen:
Fungsi yang menilai faktor berkaitan kata laluan: seperti gabungan huruf besar dan huruf kecil, gabungan aksara (nombor, aksara khas), panjang, persamaan dengan nama pengguna (pilihan).
Kaedah tersuai untuk pemalam pengesahan yang menggunakan fungsi penilaian untuk memaparkan kekuatan kata laluan. Teks yang dipaparkan boleh disetempatkan.
Anda boleh memperibadikan penampilan paparan intensiti dengan mudah, menyetempatkan paparan mesej dan menyepadukan ke dalam bentuk sedia ada.
Versi semasa pemalam ini ialah 1.0.0.
Cara menggunakan
Untuk menggunakan pemalam Pengesahan Kata Laluan, sila tambahkan "kata laluan" kelas ke input dan tambah tanda asas yang memaparkan keamatan di mana ia perlu dipaparkan dalam borang:
<form id="register"> <label for="password">Password:</label> <input class="password" name="password" id="password" /> <div class="password-meter"> <div class="password-meter-message"> </div> <div class="password-meter-bg"> <div class="password-meter-bar"></div> </div> </div></form>
Gunakan pemalam Sahkan pada borang:
$(dokumen ).ready(function() {
$("#register").validate();});
Anda boleh melebihkan $.validator.passwordRating untuk melaksanakan penilaian yang berbeza kaedah. Atau ganti $.validator.passwordRating.messages untuk memberikan mesej lain, seperti penyetempatan.
Instance
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Makes "field" required to be the same as #other</title>
<link rel="stylesheet" href="http://jqueryvalidation.org/files/demo/site-demos.css">
</head>
<body>
<form id="myform">
<label for="password">Password</label>
<input id="password" name="password" />
<br/>
<label for="password_again">Again</label>
<input class="left" id="password_again" name="password_again" />
<br>
<input type="submit" value="Validate!">
</form>
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://jqueryvalidation.org/files/dist/jquery.validate.min.js"></script>
<script src="http://jqueryvalidation.org/files/dist/additional-methods.min.js"></script>
<script>
// just for the demos, avoids form submit
jQuery.validator.setDefaults({
debug: true,
success: "valid"
});
$( "#myform" ).validate({
rules: {
password: "required",
password_again: {
equalTo: "#password"
}
}
});
</script>
</body>
</html>Jalankan program dan mencubanya
