Архив метки: javascript

WEB

Заменить текст строки внутри скобок

21.06.2021 Павел Грибов Оставить комментарий

Задача: в текущем выделенном элементе списка select заменить текст внутри скобок.

Решение:

Воспользуемся силой регулярки

$('#OutletSelectForCharging option:selected' ).text().replace(/\(.+\)/,'')+"("+current_status_connector_id+")";

1	$('#OutletSelectForCharging option:selected' ).text().replace(/$.+$/,'')+"("+current_status_connector_id+")";

WEB

Загрузка js и css «по требованию»

25.05.2021 Павел Грибов Оставить комментарий

Задача: по какому то условию (ну в моем случае это загрузка скрипта «Тура по сайту» если вдруг пользователь его не проходил), необходимо до грузить дополнительные JS и CSS файлы, а по завершению их загрузки — запустить.

Решение:

function TourStart(){
    if ((localStorage.getItem(document.location.pathname+"_tour")==null)||(localStorage.getItem(document.location.pathname+"_tour")==false)){
        element = document.createElement("script");
        element.src = "https://shepherdjs.dev/dist/js/shepherd.js";
        element.addEventListener('load', () => {
            console.log("--загружаем тур!");
            element = document.createElement("script");
            element.src = "/js/tour.min.js";
            document.body.appendChild(element);
        });
        document.body.appendChild(element);
        element = document.createElement("link");
        element.href = "https://shepherdjs.dev/dist/css/shepherd.css";
        element.rel="stylesheet"
        document.body.appendChild(element);        
        
    };
};

console.log("-- main.js загружен");
$(document).ready(function() {
   TourStart(); // стартовать тур по странице если нужно..
});

function TourStart(){

if ((localStorage.getItem(document.location.pathname+"_tour")==null)||(localStorage.getItem(document.location.pathname+"_tour")==false)){

element = document.createElement("script");

element.src = "https://shepherdjs.dev/dist/js/shepherd.js";

element.addEventListener('load', () => {

console.log("--загружаем тур!");

element = document.createElement("script");

element.src = "/js/tour.min.js";

document.body.appendChild(element);

});

document.body.appendChild(element);

element = document.createElement("link");

element.href = "https://shepherdjs.dev/dist/css/shepherd.css";

element.rel="stylesheet"

document.body.appendChild(element);

};

console.log("-- main.js загружен");

$(document).ready(function() {

TourStart(); // стартовать тур по странице если нужно..

});

WEB

JavaScript именованные массивы как набор записей

18.03.2021 Павел Грибов Оставить комментарий

Обычно для этой цели используют конструкцию Map, однако лично мне не нравится его синтаксис, когда для доступа необходимо использовать get /set. Поэтому я обычно использую создание объекта. Т.е. получается что-то вроде:

// набор записей
TBokings=new Object();
TBokings={
  x:0,
  x1:0,
  starttime:"12:00",
  endtime:"13:00",
  status:"busy"
};
// сам массив
ArrBooking=new Array();

///добавление в массив
  TBokings.x=startRectX;
  TBokings.x1=EndRectX;
  TBokings.starttime=item.DtFrom_UTC;
  TBokings.endtime=item.DtTo_UTC;
  TBokings.status="busy";
  ArrBooking.push(Object.assign({}, TBokings));      

// перебор массива

ArrBooking.forEach(function(item){
	console.log(item);
});

// набор записей

TBokings=new Object();

TBokings={

x:0,

x1:0,

starttime:"12:00",

endtime:"13:00",

status:"busy"

};

// сам массив

ArrBooking=new Array();

///добавление в массив

TBokings.x=startRectX;

TBokings.x1=EndRectX;

TBokings.starttime=item.DtFrom_UTC;

TBokings.endtime=item.DtTo_UTC;

TBokings.status="busy";

ArrBooking.push(Object.assign({}, TBokings));

// перебор массива

ArrBooking.forEach(function(item){

console.log(item);

});

WEB

Javascript: конвертация даты и строки в тип Date

18.02.2021 Павел Грибов Оставить комментарий

Задача: преобразовать строку вида 18.02.2021 10:12 в переменную javascript типа дата.

Решение: создадим универсальный прототип конвертирования для строки:

String.prototype.toDateFromat = function(format){
  var normalized      = this.replace(/[^a-zA-Z0-9]/g, '-');
  var normalizedFormat= format.toLowerCase().replace(/[^a-zA-Z0-9]/g, '-');
  var formatItems     = normalizedFormat.split('-');
  var dateItems       = normalized.split('-');

  var monthIndex  = formatItems.indexOf("mm");
  var dayIndex    = formatItems.indexOf("dd");
  var yearIndex   = formatItems.indexOf("yyyy");
  var hourIndex     = formatItems.indexOf("hh");
  var minutesIndex  = formatItems.indexOf("ii");
  var secondsIndex  = formatItems.indexOf("ss");

  var today = new Date();

  var year  = yearIndex&gt;-1  ? dateItems[yearIndex]    : today.getFullYear();
  var month = monthIndex&gt;-1 ? dateItems[monthIndex]-1 : today.getMonth()-1;
  var day   = dayIndex&gt;-1   ? dateItems[dayIndex]     : today.getDate();

  var hour    = hourIndex&gt;-1      ? dateItems[hourIndex]    : today.getHours();
  var minute  = minutesIndex&gt;-1   ? dateItems[minutesIndex] : today.getMinutes();
  var second  = secondsIndex&gt;-1   ? dateItems[secondsIndex] : today.getSeconds();

  return new Date(year,month,day,hour,minute,second);
};

String.prototype.toDateFromat = function(format){

var normalized = this.replace(/[^a-zA-Z0-9]/g, '-');

var normalizedFormat= format.toLowerCase().replace(/[^a-zA-Z0-9]/g, '-');

var formatItems = normalizedFormat.split('-');

var dateItems = normalized.split('-');

var monthIndex = formatItems.indexOf("mm");

var dayIndex = formatItems.indexOf("dd");

var yearIndex = formatItems.indexOf("yyyy");

var hourIndex = formatItems.indexOf("hh");

var minutesIndex = formatItems.indexOf("ii");

var secondsIndex = formatItems.indexOf("ss");

var today = new Date();

var year = yearIndex>-1 ? dateItems[yearIndex] : today.getFullYear();

var month = monthIndex>-1 ? dateItems[monthIndex]-1 : today.getMonth()-1;

var day = dayIndex>-1 ? dateItems[dayIndex] : today.getDate();

var hour = hourIndex>-1 ? dateItems[hourIndex] : today.getHours();

var minute = minutesIndex>-1 ? dateItems[minutesIndex] : today.getMinutes();

var second = secondsIndex>-1 ? dateItems[secondsIndex] : today.getSeconds();

return new Date(year,month,day,hour,minute,second);

};

dt="18.02.2021 10:35:00".toDateFromat("dd.mm.yyy hh:ii:ss");

1	dt="18.02.2021 10:35:00".toDateFromat("dd.mm.yyy hh:ii:ss");

Результат:

WEB

JavaScript: Проверка пароля на сложность

12.02.2021 Павел Грибов Оставить комментарий

Задача: необходимо проверить пароль на сложность по критериям:

есть маленькие буквы
есть большие буквы
есть специальные символы
пароль длиннее 7 символов

Ну в принципе подойдет чтото-вроде:

function PasswordValidTest(pass){
        var count = 0;    
        count += /[a-z]/.test(pass) ? 1 : 0; //есть маленькие буквы
        count += /[A-Z]/.test(pass) ? 1 : 0; //есть большие буквы
        count += /\d/.test(pass) ? 1 : 0;   
        count += /[^\w\d\s]/.test(pass) ? 1 : 0;
        (count>2 & !/[\s]+/.test(pass)) ? res=true:res=false;    
        if ((res==true)&&(pass.length<7)) res=false;
     return res;   
}

function PasswordValidTest(pass){

var count = 0;

count += /[a-z]/.test(pass) ? 1 : 0; //есть маленькие буквы

count += /[A-Z]/.test(pass) ? 1 : 0; //есть большие буквы

count += /\d/.test(pass) ? 1 : 0;

count += /[^\w\d\s]/.test(pass) ? 1 : 0;

(count>2 & !/[\s]+/.test(pass)) ? res=true:res=false;

if ((res==true)&&(pass.length<7)) res=false;

return res;

}

Ну и в нагрузку проверка Email:

function EmailValidTest(email){
 var re = /^[\w-\.]+@[\w-]+\.[a-z]{2,4}$/i;   
 return re.test(email);
};
function EmailValidRulesTest(email){
  validmails=['@mail.ru','@yandex.ru','@ya.ru','@list.ru','@inbox.ru','@gmail.com','@icloud.com','@bk.ru'];  
  re=false;  
  validmails.forEach(function(item, i, validmails){
    if (email.indexOf(item)!==-1) re=true;
  });   
  return re;
};

function EmailValidTest(email){

var re = /^[\w-\.]+@[\w-]+\.[a-z]{2,4}$/i;

return re.test(email);

};

function EmailValidRulesTest(email){

validmails=['@mail.ru','@yandex.ru','@ya.ru','@list.ru','@inbox.ru','@gmail.com','@icloud.com','@bk.ru'];

re=false;

validmails.forEach(function(item, i, validmails){

if (email.indexOf(item)!==-1) re=true;

});

return re;

};

Пн	Вт	Ср	Чт	Пт	Сб	Вс
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30	31

ЖЗГ

Архив метки: javascript

Заменить текст строки внутри скобок

Загрузка js и css «по требованию»

JavaScript именованные массивы как набор записей

Javascript: конвертация даты и строки в тип Date

JavaScript: Проверка пароля на сложность

Жизнь замечательных грибов