我如何观察更改验证表单的输入值？ [复制]

Question

如何查看更改验证表单的输入值？

我的表单有验证脚本。

此功能正常工作，但总是在点击后才启动。 更改时如何查看input.val()

form# send - form
input(type = "text"
 data - validate = "name")
button(class = "form_btn")


function validator(el, validName) {
 var mask_name = /^[A-Za-z0-9 ]{3,20}$/;
 var el = el;

 if (validName == "name") {
  var el_val = $(el).val();
  if (mask_name.test(el_val)) {
   $(el).removeClass('error');
  } else {
   $(el).addClass('error');
  }
 }
});

function mainValidation() {

 if ($('#send-form')) {
  $('input').each(function() {
   var this_el = $(this);
   var validName = $(this).data("validate");

   validator(this_el, validName);
  });
 }
};

$('.form_btn').on('click', function(e) {
 e.preventDefault();
 mainValidation();
});

Answer 1

只需为相关输入字段的input 事件设置一个事件处理程序。

 // You need to provide a selector that references the input field properly
 $('inputSelectorHere').on('input', mainValidation);

您也可以等到用户离开输入字段后使用blur 事件进行验证：

 // You need to provide a selector that references the input field properly
 $('inputSelectorHere').on('blur', mainValidation);

Answer 2

您可以绑定到输入更改事件：

$('input').on('change', function() {
    var this_el = $(this);
    var validName =  $(this).data( "validate" );

    validator( this_el, validName );
});

Answer 3

试试：

('input').on('change', function() {
    mainValidation();
});

现在您正在收听所有输入字段的更改。当一个字段改变时，它会调用你的函数 mainValidation()。

告诉我。 干杯