Плагин JQuery Validation для <input>со смягченным атрибутом "step" - PullRequest
0 голосов
/ 01 октября 2018

Я использую проверку jquery, и у меня есть поле ввода «число» с установленным шагом = 10, даже если пользователю разрешено вручную устанавливать значение, не кратное 10 (например, 23):

<input name="myNumber" type="number" step=10 min=0>

Другими словами, мне нравятся спины Chrome и Firefox (стрелки вверх и вниз) для увеличения числа, поскольку это повышает удобство работы пользователя, но мне не нравится browser / jquery.validate выдает ошибку, если я вручную устанавливаюзначение не , кратное «шагу» (см. рисунок ниже и скрипка здесь ).

enter image description here

Есть ли способ сделать входные шаги вращения и в то же время ослабить входное ограничение, чтобы оно было кратным «шагу»?

Например (попробуйте fiddle ):

<input name="myNumber" type="number" step=10 min=0>

и

this.$form.validate({
    rules: {
        "myNumber": {
            required: true
            step: "relax"   // <<== example
         }
    }
});

1 Ответ

0 голосов
/ 03 октября 2018

Плагин jQuery Validate устанавливает параметр правила step на основе встроенного атрибута HTML step="10".

Если вы не хотите, чтобы правило проверки использовало параметр из HTML, простоустановите свой собственный.

rules: {
    "myNumber": {
        required: true,
        step: "1"  // <- this will over-ride parameter from HTML attribute
    }
}

Все входные значения действительны, но все же стрелки вверх / вниз будут перемещаться с шагом 10

DEMO: jsfiddle.net / rcx9mztn/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...