Wykryto działanie AdBlocka!

Prawdopodobnie masz właczonego Adblocka. Korzystanie z bloga jest całkowicie darmowe. Jeśli jednak chcesz docenić prace autora, wyłacz blokowanie reklam dla tej witryny, aby jeszcze bardziej zmotywowac autora do dalszej pracy oraz częstszej publikacji artykułów.

Dziękuje :)

Treść główna bloga

Artykuły

Sprawdzanie siły hasła w JavaScript


Siła hasłaFramework jQuery daje wiele możliwości twórcom witryn internetowych. W tym tutorialu przedstawię skrypt, który na podstawie wpisanego hasła wyświetla nam jego siłę. Skrypt uwzględnia między innymi ilość wpisanych znaków czy też duże i małe litery.

Kod na Githubie

Plik index.html

Polu hasła musi być przypisana klasa password_test, ponieważ w skrypcie, który znajduje się pod koniec body mamy $(„.password_test”). Dzięki temu skryptowi pokazuje się siła hasła. Ponad to Jeśli przypiszemy polu, w którym wpisujemy nick identyfikator #user_id, to skrypt sprawdzi również czy hasło nie jest takie same jak nick.

Plik script.js

Nas głównie interesuje ta części kodu:

Dzięki niemu możemu dowolnie modyfikować sposób w jaki ma być odczytywana siła hasła.
Tam gdzie jest score += (liczba) przynajemy ilosć punktów za dane wyrażenie, np. jeśli hasło zawiera znaki typu @, #, $, & możemy mu przyznać + 15 punktów.

Możemy także ustalić kiedy wyświetlic informację, że hasło jest za krótkie:

Jeśli hasło będzie miało mniej niż 4 znaki wyświetli się komunikat, że hasło jest zbyt krótkie.

Uwaga: łączna ilość punków jaką można uzyskać musi wynosić 100!

Jak widać plugin nie jest zbyt skomplikowany ale za to jest dobrym dodatkiem w formularzu rejestracji.

Strona pluginu znajduje się tutaj.

  • „Copyright (c) 20010 myPocket technologies (www.mypocket-technologies.com)”
    Bardzo przyszłościowy skrypt xD

    • Tak masz racje. Głupia pomyłka autora skryptu.