Latest web development tutorials

مسج كلمة التحقق (مصادقة كلمة المرور)

مسج التحقق (مصادقة كلمة المرور) كلمة السر المكونات الإضافية تمديد البرنامج المساعد مسج التحقق من صحة يوفر عنصرين هما:
لتقييم عمل هذه العوامل كلمة المرور ذات الصلة: على سبيل المثال، مزيج من الأحرف الكبيرة والصغيرة، وشخصيات (أرقام أو حروف خاصة) مختلطة، وطول، وتشابه اسم المستخدم (اختياري).
وهناك طريقة لاستخدام وظيفة التقييم المصادقة قوة كلمة المرور المكونات في طرق عرض مخصصة. عرض النص يمكن أن يكون موضعيا.

يمكنك بسهولة تخصيص مظهر من شدة العرض، المصادر المحلية، ودمجها في شكله الحالي.

إصدار المكونات في الوقت الراهن 1.0.0.

استعمال

لاستخدام كلمة التحقق (مصادقة كلمة المرور) في المكونات، وإضافة فئة "كلمة السر" لإدخال، في حين اضاف العلامة الأساسية المحلية يتم عرضها في شكل قوة للظهور:

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

التحقق من صحة النموذج من التطبيقات المكونات في:

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

يمكنك تجاوز $ .validator.passwordRating تنفيذ طرق التقييم المختلفة. أو مثقلة .validator.passwordRating.messages $ لتقديم رسائل إضافية، مثل المترجمة.

أمثلة تجريبي

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