Как проверить событие on change в нескольких элементах с одинаковым именем класса в Rails, используя Jquery

Question

в модуле rails, когда пользователь вводит значение меньше 0, он должен получить недопустимое сообщение.

в js-файле я написал функцию onchange, которая ожидает, когда текстовое поле получает значение меньше нуля, эта функция должна вызывать предупреждение.

$(document).on('onchange',".default-value" (function(event) {
  e.preventDefault();
  e.stopPropagation();
  $('.default-value').each(function(){
     var num = $(this).val();
     if( num < 0)  
      alert("Invalid Entry");
  });
});

в моем файле slim.erb я написал следующий код. Здесь значения текстового поля должны быть сохранены и отправлены для функции, которую я написал внутри файла js.

 = y.input :default_value, label: false, input_html: { class: "default-value #{ y.object.parameter.parameterize } " }

Я ожидаю недопустимую ошибку при вводе значения меньше 0.

Answer 1

обновление с

    $(".default-value").change(function(){
        if($(this).val() < 0) {
         $(this).val('');
         alert("Invalid Entry");

       }
   });

Answer 2

Вы можете вызвать событие изменения, как показано ниже:

$('.value_check').on('change', function(e) {
  if ($(this).val() < 0 ){
    $(this).val('');
    alert("Invalid Entry");
  }
});

Поскольку у вас есть несколько элементов с одним и тем же классом, здесь вы можете назначить новый класс, например:

= y.input :default_value, label: false, input_html: { class: "default-value value_check #{ y.object.parameter.parameterize } " }