masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu

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




Meneruskan pembelajaran
||
<!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>
serahkanTetapkan Semula Kod
Bahagian sebelumnya tiada
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492893 permainan