Как проверить кратное значение в поле?

Question

[Юпитер Макс]

Всем привет.

Ребят, у меня есть поле с количеством товара. По умолчанию в нем стоит значение 1. Как правильно сделать проверку, чтобы кнопка заказа срабатывала, когда введено только 6, 12, 18 и т.д.

Answer 1

[Дима Долготер]

делить число на 2 и проверять есть ли остаток от деления (%)
https://learn.javascript.ru/operators#vzyatie-ostatka

Answer 2

[0xD34F]

const input = document.querySelector('input');
const button = document.querySelector('button');
const num = 6;

Блокируйте кнопку при вводе неправильных значений:

input.addEventListener('input', e => {
  button.disabled = e.target.value % num;
});

Или делайте проверку при клике:

button.addEventListener('click', () => {
  if (input.value % num) {
    alert('такого нам не надо, пробуй ещё');
  }
});

Или исправляйте введённые значения:

input.addEventListener('change', ({ target: t }) => {
  t.value = Math.max(0, (t.value / num | 0) * num);
});

Или не давайте вводить неправильные значения - заблокируйте инпут, изменение значения осуществляйте по кликам на кнопки рядом:

<button data-step="-1">-</button>
<button data-step="+1">+</button>

document.querySelectorAll('[data-step]').forEach(n => {
  n.addEventListener('click', onClick);
});

function onClick({ target: { dataset: { step } } }) {
  input.value = Math.max(0, +input.value + num * step);
}

Answer 3

[Сергей С.]

1. Проверка в HTML коде формы, добавить параметр step="6".

2. Проверка на стороне сервера передаваемой переменной, тут я думаю пояснения не нужны.

Думаю этих действий будет достаточно.