Tag Archives: jQuery

Валидация JS

Валидация email

function validationEmail(email) {
    pattern = /^([a-z0-9_\.-])+@[a-z0-9-]+\.([a-z]{2,4}\.)?[a-z]{2,4}$/i;

    return pattern.test(email.val());
}

function validationEmail(email) {

pattern = /^([a-z0-9_\.-])+@[a-z0-9-]+\.([a-z]{2,4}\.)?[a-z]{2,4}$/i;

return pattern.test(email.val());

}

Google Chrome console фишки

Исследование элемента: Выбрать элемент(исследовать), и ввести в консоли

$._data(($0), 'events')

1	$._data(($0), 'events')

и смотреть handler(нажать 2 раза) Редактирование страницы «на живую»

document.body.contentEditable=true

1	document.body.contentEditable=true

Вывод всех свойств элемента

dir($('selector'))

или

$('selector')

dir($('selector'))

или

$('selector')

Источник: https://habrahabr.ru/company/ruvds/blog/316132/ Google Chrome

js перемешать div

Имеется такая структура

<div class="myItems">
     <div class="item">1</div>
     <div class="item">2</div>
     <div class="item">3</div>
</div>

</div>

Нужно сделать

<div class="myItems">
     <div class="item">2</div>
     <div class="item">3</div>
     <div class="item">1</div>
</div>

</div>

Для этого используем функцию

function reorder() {
           var grp = $(".myItems").children();
           var cnt = grp.length;

           var temp,x;
           for (var i = 0; i < cnt; i++) {
               temp = grp[i];
             x = Math.floor(Math.random() * cnt);
             grp[i] = grp[x];
             grp[x] = temp;
         }
         $(grp).remove();
         $(".myItems").append($(grp));
       }

function reorder() {

var grp = $(".myItems").children();

var cnt = grp.length;

var temp,x;

for (var i = 0; i < cnt; i++) {

temp = grp[i];

x = Math.floor(Math.random() * cnt);

grp[i] = grp[x];

grp[x] = temp;

}

$(grp).remove();

$(".myItems").append($(grp));

}

Не забываем про вызов функции Используем jQuery Полезная информация Перемешивание DOM-элементов в jQuery stackoverflow