<button class="addToCart" data-id="001">в массив 1</button>
<button class="addToCart" data-id="002">в массив 2</button>
<button class="addToCart" data-id="003">в массив 3</button>
<button class="addToCart" data-id="004">в массив 4</button>
var cart = {};
function addToCart(articul) {
cart[articul] = 1;
console.log(cart);
}
var addBtn = document.getElementsByClassName('addToCart');
[].forEach.call(addBtn, function(element) {
element.addEventListener('click', function() {
addToCart(this.getAttribute('data-id'));
});
});
console.log(Object.keys(list_items)[1]);
gulp.task('scripts', function() {
return gulp.src([
'src/assets/libs/jquery/dist/jquery.min.js',
'src/assets/libs/jquery_lazyload/jquery.lazyload.js',
'src/assets/libs/slick-carousel/slick/slick.min.js',
'src/assets/js/script.js'
]).
on('error', notify.onError()).
pipe(cached('scripts')).
pipe(concat('index.min.js')).
pipe(uglify()).
pipe(gulp.dest('dist/assets/js')).
pipe(browserSync.reload({stream: true}));
});
function show() {
$.ajax({
type: "POST",
url: "greetings.php",
data: "username=" + $("#username").val(),
success: function(html) {
$("#content").html(html);
}
});
return false;
}
let $btn = $('.btn');
let interval = setInterval(function() {
$('.btn').click(show());
}, 1000);
setTimeout(function() {
clearInterval(interval);
}, 1300);
let validation = form => {
let fields = form.find('input, select'), // какие типы полей проверять
check = []; // объявляем массив для хранения результатов перебора
$.each(fields, (_, item) => { // перебираем все поля
if ($(item).is(':required') && !$(item).is(':disabled')) { // проверяем только поля с required (обязательные) и не проверяем выключенные поля disabled
check.push(item.checkValidity()); // записываем в массив полученные результаты
}
});
form.addClass('was-validated'); // добавляем класс форме что все поля валидны
let isValid = item => item === true;
if (check.every(isValid)) { // проверяем каждое значение на true
form.removeClass('was-validated'); // если какое то поле не true удаляем общий класс формы, тогда у нас форма отобразит поле с невалидным значением
}
return check.every(isValid); // возвращаем ответ true tckb все поля валидны и false если хотя бы одно обязательное поле не валидно
};
<form novalidate id="form">
.was-validated .field-class:valid {
border-color: green;
}
.field-class:invalid {
border-color: red;
}
$(function() {
$('#sitename').on('keyup', function() {
if ($(this).val().length !== 0) {
$(this).removeAttr('style');
} else {
$(this).css({
'backgroundColor': '#feecec',
'borderColor': '#dc4747'
});
}
});
});