検証フォームの入力値をどのように変更することができますか？

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（）が呼び出されます。

私に知らせてください。 乾杯。