تبلیغات تبلیغات
حراجی دامنه های ویژهمشاهده

تبلیغات
تبلیغات تبلیغات

نشان دادن مقدار امنیت پسورد با جی کوئری

CSS , اسکریپت ها , جی کوئری , متفرقه

برای این ساعت از سایت بیست اسکریپت ,اسکریپت بسیار کاربردی و بسیار زیبای قرار دادیم که می توانید در قسمت عضویت سایت به کاربران نشان دهید امنیت پسوردشان در چه سطحی است این اسکریپت را توسط بیست اسکریپت برای شما دوستان آماده دانلود کرده ایم + آموزش انگلیسی آن و کد ها و توابع مورد نیاز

نشان دادن مقدار امنیت پسورد با جی کوئری

 طریقه استفاده :

  :Basic Usage

. Load the CDN hosted Twitter’s Bootstrap CSS in the head of your page

<link rel="stylesheet" media="screen" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" />

Markup html structure

<form>
<div class="form-group">
<input type="text" id="username" class="form-control" />
<input type="password" id="password" class="form-control" />
</div>
</form>

Load the latest jQuery javascript library and jQuery Pwstrength plugin at the end of your page

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="pwstrength.js"></script>

Initialize the plugin with options.

<script type="text/javascript">
jQuery(document).ready(function () {
"use strict";
var options = {
minChar: 8,
bootstrap3: true,
};
$(':password').pwstrength(options);
});
</script>

All the options.

<script type="text/javascript">
jQuery(document).ready(function () {
"use strict";
var options = {
minChar: 8,
bootstrap3: false,
errorMessages: {
    password_too_short: "<font color='red'>The Password is too short</font>",
    same_as_username: "Your password cannot be the same as your username"
},
scores: [17, 26, 40, 50],
verdicts: ["Weak", "Normal", "Medium", "Strong", "Very Strong"],
showVerdicts: true,
showVerdictsInitially: false,
raisePower: 1.4,
usernameField: "#username",
};
$(':password').pwstrength(options);
});
</script>

Change log:

v1.0.0 (2013-12-24)

  • Complete refactor of the code. This is a cleaner version, easier to extend and mantain.
  • Broke backwards compatibility. Bootstrap 3 is the default option now, other options default values have changed. Options structure has changed too.
  • Old tests have been renamed to examples, which is what they really are. Leave room for real tests.

v0.4.6 (2013-12-17)

  • Support popovers in Bootstrap 2 too
  • Remove showVerdictsInitially option.

v0.4.5 (2013-12-07)

  • Fix error message when the password contains the username.
  • Check if the password is an email, and mark as weak.
  • Add a container option, it will be used to look for the viewports.

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
انتقال و خرید دامنه 5000 تومان! | کد تخفیف: limoo-ir-5s ثبت دامنه >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 CSS , اسکریپت ها , جی کوئری , متفرقه
لینک کوتاه مطلب : https://www.20script.ir/?p=2370
کلمات کلیدی پست :
مطالب مرتبط
25,844کد رفتن به بالای صفحه سایت و وبلاگ تاریخ : 2013/12/25
5,548اسکریپت مدیریت کاربران Advanced Member System تاریخ : 2013/10/29
9,942اسکریپت ایجاد افکت و انیمیشن در تصاویر سایت tFigure تاریخ : 2014/08/19
59,525اسکریپت مدیریت هاستینگ و صورت حساب فارسی WHMCS نسخه 7.10.2 تاریخ : 2020/09/27
6,631آموزش افزودن یک زمینه دلخواه به همه پست ها در وردپرس تاریخ : 2015/12/22
7,438سفارش سریع فارسی محصول ووکامرس با Quick Order One Page تاریخ : 2014/10/28
7,691اسکریپت سیستم مدیریت محتوا Pulse CMS Pro نسخه 4.2.8 تاریخ : 2015/04/21
6,811قالب وبلاگی Baskerville برای وردپرس تاریخ : 2016/03/25
9,538افزونه وقت بخیر برای وردپرس تاریخ : 2013/12/19
10,607اسکریپت jQuery نمایش وضعیت آب و هوا Flat Weather تاریخ : 2015/09/2
7,314قالب زیبای سایت مارال سرور به صورت HTML تاریخ : 2014/06/21
13,660دانلود نسخه ی دوم قالب میزبان آیتی HTML تاریخ : 2014/12/13
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب
شرکت سئو سایت
شرکت سئو سایت
تبلیغات
هاست دانلود
تبلیغات