управление меню "пользователь"
This commit is contained in:
243
public/static/js/login_out.js
Executable file
243
public/static/js/login_out.js
Executable file
@@ -0,0 +1,243 @@
|
|||||||
|
/*!
|
||||||
|
* ОКНАРДИЯ LOGIN-LOGOUT.JS
|
||||||
|
* Copyright 2015 Sergei Erjemin
|
||||||
|
* СОЗДАНО ДЛЯ ПРОЕКТА ОКНАРДИЯ
|
||||||
|
*/
|
||||||
|
let REG = 0;
|
||||||
|
function in_ntr(){ // колапсаторы для раздела ВОЙТИ
|
||||||
|
REG = 0;
|
||||||
|
$('#ili').collapse('hide');
|
||||||
|
$('#mail').collapse('hide');
|
||||||
|
$('#pwd1').collapse('show');
|
||||||
|
$('#pwd2').collapse('hide');
|
||||||
|
$('#capt').collapse('hide');
|
||||||
|
$('#b_vost').collapse('hide');
|
||||||
|
$('#b_reg').collapse('hide');
|
||||||
|
$('#b_vhod').collapse('show');
|
||||||
|
$('#pwd_comment').collapse('hide');
|
||||||
|
$('#pwd_comment_text').text('Шесть (или более) букв (прописных и строчных) и цифр');
|
||||||
|
}
|
||||||
|
in_ntr(); // установить колапсаторы в исходное состояние --> раздел ВОЙТИ
|
||||||
|
function in_reg(){ // колапсаторы для раздела РЕГИСТРАИЦЯ
|
||||||
|
REG = 1;
|
||||||
|
$('#ili').collapse('hide');
|
||||||
|
$('#mail').collapse('show');
|
||||||
|
$('#pwd1').collapse('show');
|
||||||
|
$('#pwd2').collapse('show');
|
||||||
|
$('#capt').collapse('hide');
|
||||||
|
$('#b_vhod').collapse('hide');
|
||||||
|
$('#b_vost').collapse('hide');
|
||||||
|
$('#b_reg').collapse('show');
|
||||||
|
$('#pwd_comment').collapse('hide');
|
||||||
|
}
|
||||||
|
function in_vost(){ // колапсаторы для раздела ВОССТАНОВИТЬ ПАРОЛЬ
|
||||||
|
REG = 1;
|
||||||
|
$('#ili').collapse('show');
|
||||||
|
$('#mail').collapse('show');
|
||||||
|
$('#pwd1').collapse('hide');
|
||||||
|
$('#pwd2').collapse('hide');
|
||||||
|
$('#capt').collapse('show');
|
||||||
|
$('#b_vhod').collapse('hide');
|
||||||
|
$('#b_reg').collapse('hide');
|
||||||
|
$('#captcha').load('/captcha'); // подгрузить GOOGLE CAPTCHA
|
||||||
|
$('#b_vost').collapse('show');
|
||||||
|
$('#pwd_comment').collapse('hide');
|
||||||
|
}
|
||||||
|
|
||||||
|
$(document).ready(function(){
|
||||||
|
//in_ntr(); // установить колапсаторы в исходное состояние --> раздел ВОЙТИ
|
||||||
|
|
||||||
|
// ЕСЛИ ЗАПРОСИЛИ LOGIN, РЕГИСТРАЦИЮ или ВОССТАНОВЛЕНИЕ ПАРОЛЯ
|
||||||
|
$('#login-reg-restore-form').submit(
|
||||||
|
function enter(){
|
||||||
|
$.ajax({
|
||||||
|
url: "/form-loginout", //Адрес подгружаемой страницы
|
||||||
|
type: "POST", //Тип запроса
|
||||||
|
dataType: "html", //Тип данных
|
||||||
|
data: $("#login-reg-restore-form").serialize(),
|
||||||
|
success: function(html){ $("#login-logout").html(html)}
|
||||||
|
});
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
// ЕСЛИ ЗАПРОСИЛИ LOGOUT
|
||||||
|
$('#logout-form').submit(
|
||||||
|
function enter(){
|
||||||
|
$.ajax({
|
||||||
|
url: "/form-loginout", //Адрес подгружаемой страницы
|
||||||
|
type: "POST", //Тип запроса
|
||||||
|
dataType: "html", //Тип данных
|
||||||
|
data: $("#logout-form").serialize(),
|
||||||
|
success: function(html){ $("#login-logout").html(html)}
|
||||||
|
});
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
// ВАЛИДАЦИЯ E-MAIL
|
||||||
|
$("#email").keyup(function(){
|
||||||
|
let pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
|
||||||
|
if( $(this).val() != '')
|
||||||
|
if( pattern.test( $(this).val() ) )
|
||||||
|
$("#valid-email").css({ "color": "green" });
|
||||||
|
else
|
||||||
|
$("#valid-email").css({ "color": "red" });
|
||||||
|
else
|
||||||
|
$("#valid-email").css({ "color": "white" });
|
||||||
|
});
|
||||||
|
|
||||||
|
// ПРОВЕРКА ДЛИННЫ ЛОГИНА
|
||||||
|
$("#username").keyup(function(){
|
||||||
|
if( $(this).val() != '')
|
||||||
|
if( $(this).val().length >= 4 )
|
||||||
|
$("#valid-username").css({ "color": "green" });
|
||||||
|
else
|
||||||
|
$("#valid-username").css({ "color": "red" });
|
||||||
|
else
|
||||||
|
$("#valid-username").css({ "color": "white" });
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
// ПРОВЕРКА КАЧЕСТВА ПАРОЛЯ
|
||||||
|
$("#password").keyup(function(){
|
||||||
|
let ucase = new RegExp("[A-Z]+"), lcase = new RegExp("[a-z]+"), num = new RegExp("[0-9]+");
|
||||||
|
if( $(this).val() != '' && REG == 1 )
|
||||||
|
if( $(this).val().length >= 6 )
|
||||||
|
if( ucase.test($(this).val()) && lcase.test($(this).val()) && num.test($(this).val()) ) {
|
||||||
|
$("#valid-password").css({ "color": "green" });
|
||||||
|
$('#pwd_comment_text').text("Отличный пароль!");
|
||||||
|
$("#pwd_comment").css({ "color": "green" });
|
||||||
|
}
|
||||||
|
else if ( ucase.test($(this).val()) && lcase.test($(this).val()) ) {
|
||||||
|
$("#valid-password").css({ "color": "grey" });
|
||||||
|
$('#pwd_comment_text').text("Хороший пароль! Не хватает цифр.");
|
||||||
|
$("#pwd_comment").css({ "color": "green" });
|
||||||
|
}
|
||||||
|
else if ( lcase.test($(this).val()) && num.test($(this).val()) ) {
|
||||||
|
$("#valid-password").css({ "color": "grey" });
|
||||||
|
$('#pwd_comment_text').text("Хороший пароль! Не хватает прописных букв.");
|
||||||
|
$("#pwd_comment").css({ "color": "green" });
|
||||||
|
}
|
||||||
|
else if ( ucase.test($(this).val()) && num.test($(this).val()) ) {
|
||||||
|
$("#valid-password").css({ "color": "grey" });
|
||||||
|
$('#pwd_comment_text').text("Хороший пароль! Не хватает строчных букв.");
|
||||||
|
$("#pwd_comment").css({ "color": "green" });
|
||||||
|
}
|
||||||
|
else if ( ucase.test($(this).val()) ) {
|
||||||
|
$("#valid-password").css({ "color": "orange" });
|
||||||
|
$('#pwd_comment_text').text("Слабый пароль! Не хватает цифр и строчных букв.");
|
||||||
|
$("#pwd_comment").css({ "color": "orange" });
|
||||||
|
}
|
||||||
|
else if ( lcase.test($(this).val()) ) {
|
||||||
|
$("#valid-password").css({ "color": "orange" });
|
||||||
|
$('#pwd_comment_text').text("Слабый пароль! Не хватает цифр и прописных букв.");
|
||||||
|
$("#pwd_comment").css({ "color": "orange" });
|
||||||
|
}
|
||||||
|
else if ( num.test($(this).val()) ) {
|
||||||
|
$("#valid-password").css({ "color": "orange" });
|
||||||
|
$('#pwd_comment_text').text("Слабый пароль! Не хватает букв.");
|
||||||
|
$("#pwd_comment").css({ "color": "orange" });
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
$("#valid-password").css({ "color": "grey" });
|
||||||
|
$('#pwd_comment_text').text("Странный пароль! Вы точно сможете его замнить?");
|
||||||
|
$("#pwd_comment").css({ "color": "grey" });
|
||||||
|
}
|
||||||
|
else
|
||||||
|
if( ucase.test($(this).val()) && lcase.test($(this).val()) && num.test($(this).val()) ) {
|
||||||
|
$("#valid-password").css({ "color": "grey" });
|
||||||
|
$('#pwd_comment_text').text("Хороший пароль!.. но короткий.");
|
||||||
|
$("#pwd_comment").css({ "color": "grey" });
|
||||||
|
}
|
||||||
|
else if ( ucase.test($(this).val()) && lcase.test($(this).val()) ) {
|
||||||
|
$("#valid-password").css({ "color": "orange" });
|
||||||
|
$('#pwd_comment_text').text("Короткий пароль!.. и нет цифр.");
|
||||||
|
$("#pwd_comment").css({ "color": "orange" });
|
||||||
|
}
|
||||||
|
else if ( lcase.test($(this).val()) && num.test($(this).val()) ) {
|
||||||
|
$("#valid-password").css({ "color": "orange" });
|
||||||
|
$('#pwd_comment_text').text("Короткий пароль!.. и нет прописных букв.");
|
||||||
|
$("#pwd_comment").css({ "color": "orange" });
|
||||||
|
}
|
||||||
|
else if ( ucase.test($(this).val()) && num.test($(this).val()) ) {
|
||||||
|
$("#valid-password").css({ "color": "orange" });
|
||||||
|
$('#pwd_comment_text').text("Короткий пароль!.. и нет строчных букв.");
|
||||||
|
$("#pwd_comment").css({ "color": "orange" });
|
||||||
|
}
|
||||||
|
else if ( ucase.test($(this).val()) ) {
|
||||||
|
$("#valid-password").css({ "color": "red" });
|
||||||
|
$('#pwd_comment_text').text("Короткий пароль!.. и нет строчных букв и цифр.");
|
||||||
|
$("#pwd_comment").css({ "color": "red" });
|
||||||
|
}
|
||||||
|
else if ( lcase.test($(this).val()) ) {
|
||||||
|
$("#valid-password").css({ "color": "red" });
|
||||||
|
$('#pwd_comment_text').text("Короткий пароль!.. и нет прописных букв и цифр.");
|
||||||
|
$("#pwd_comment").css({ "color": "red" });
|
||||||
|
}
|
||||||
|
else if ( num.test($(this).val()) ) {
|
||||||
|
$("#valid-password").css({ "color": "red" });
|
||||||
|
$('#pwd_comment_text').text("Короткий пароль!.. и нет букв.");
|
||||||
|
$("#pwd_comment").css({ "color": "red" });
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
$("#valid-password").css({ "color": "red" });
|
||||||
|
$('#pwd_comment_text').text("Странныйе символы! Переключитесь на латиницу!");
|
||||||
|
$("#pwd_comment").css({ "color": "red" });
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
$("#valid-password").css({ "color": "white" });
|
||||||
|
$('#pwd_comment_text').text('Шесть (или более) букв (прописных и строчных) и цифр');
|
||||||
|
$("#pwd_comment").css({ "color": "grey" });
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
// ПОДСВЕТИТЬ ПОДСКАЗКУ ПРИ НАБОРЕ ПАРОЛЯ
|
||||||
|
$("#password").focus(function(){
|
||||||
|
if ( REG == 1 ) $('#pwd_comment').collapse('show');
|
||||||
|
});
|
||||||
|
$("#password").blur(function(){
|
||||||
|
if ( REG == 1 ) $('#pwd_comment').collapse('hide');
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
// КНОПОЧКИ "ПОДГЛЯДИЕТЬ ПАРОЛЬ" на основном поле PASSWORD
|
||||||
|
$("#look_pwd1").mousedown(function() {
|
||||||
|
$("#password").attr('type', 'text');
|
||||||
|
});
|
||||||
|
$("#look_pwd1").mouseup(function() {
|
||||||
|
$("#password").attr('type', 'password');
|
||||||
|
});
|
||||||
|
$("#look_pwd1").mouseout(function() {
|
||||||
|
$("#password").attr('type', 'password');
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
// КНОПОЧКИ "ПОДГЛЯДИЕТЬ ПАРОЛЬ" на поле "ПОВТОРИТЬ PASSWORD"
|
||||||
|
$("#look_pwd2").mousedown(function() {
|
||||||
|
$("#password").attr('type', 'text');
|
||||||
|
$("#password_repeat").attr('type', 'text');
|
||||||
|
});
|
||||||
|
$("#look_pwd2").mouseup(function() {
|
||||||
|
$("#password").attr('type', 'password');
|
||||||
|
$("#password_repeat").attr('type', 'password');
|
||||||
|
});
|
||||||
|
$("#look_pwd2").mouseout(function() {
|
||||||
|
$("#password").attr('type', 'password');
|
||||||
|
$("#password_repeat").attr('type', 'password');
|
||||||
|
});
|
||||||
|
|
||||||
|
// ПРОВЕРКА КОНТРОЛЬНОГО ПАРОЛЯ
|
||||||
|
$("#password_repeat").keyup(function(){
|
||||||
|
if( $(this).val() != '')
|
||||||
|
if( $(this).val() == $('#password').val() )
|
||||||
|
$("#valid-password-repeat").css({ "color": "green" });
|
||||||
|
else
|
||||||
|
$("#valid-password-repeat").css({ "color": "red" });
|
||||||
|
else
|
||||||
|
$("#valid-password-repeat").css({ "color": "white" });
|
||||||
|
});
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
Reference in New Issue
Block a user