js Ошибка формы ввода Foundation Abide остается видимой после нажатия кнопки
Я использую Foundation Abide для проверки формы ввода, в частности, я хочу проверить, что значение в поле не является отрицательным и непустым, поэтому я использую следующий валидатор:
function minZeroValidator($el, required, parent) {
var target = jQuery($el).val();
if (target==''){
return false
}
if (target >= 0 ) {
return true;
} else {
return false;
}
};
Однако, как видно из приведенного ниже минимального примера, входное значение можно изменить не только с помощью клавиатуры, но и с помощью двух кнопок (кнопки + и -) для увеличения и уменьшения значения с предопределенными шагами.
<form id="adjust" data-abide>
<label for="adj-input-1" class="adj-cat"> </label>
<button class="adj-btn dec-adj-btn">-</button>
<input type="text" class="adj-input" id="adj-input-1" name="adj-input-1" maxlength="6" size="6"
data-validator="min_zero">
<button class="adj-btn inc-adj-btn">+</button>
<div class="small-12 cell">
<span class="form-error" data-form-error-for="adj-input-1"
data-form-error-on="min_zero">Please input a positive number</span>
</div>
</form>
Теперь проблема заключается в том, что если я использую клавиатуру для ввода отрицательного значения, как и планировалось, появляется предупреждение, указанное в форме-ошибке, но если я теперь использую кнопку увеличения, и значение снова становится положительным, предупреждение не исчезает и вместо этого остается, даже если щелкнуть другое поле ввода. Он исчезает только в том случае, если в этом конкретном поле ввода новое значение вводится с клавиатуры. Итак, мой вопрос заключается в том, можно ли запустить minZeroValidator после нажатия кнопки и, если число положительное, удалить поле ошибки формы. Возможно, что-то, что я могу поместить в свой прослушиватель событий для кнопки?
Заранее большое спасибо :)