pengesahan kata laluan jQuery


jQuery Pengesahan Kata Laluan

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

Jika anda perlu menggunakan pemalam Pengesahan Kata Laluan, sila tambahkan "kata laluan" kelas pada input dan tambah tanda asas yang menunjukkan kekuatan untuk dipaparkan dalam borang. Di mana: 

<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: 

$(document).ready(function() {
  $("#register").validate();});

Anda boleh mengatasi $.validator.passwordRating untuk melaksanakan kaedah penilaian yang berbeza. 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>

Run Instance»

Klik butang "Run Instance" untuk melihat contoh dalam talian