javascript - jQuery - 对表单中的每个字段执行操作

Question

我想在 jQuery 上制作简单的表单验证器

$('#clients_name').keyup(function(){
    if($('#clients_name').val().length >= 2){
      (...)
    }
});

但我想检查更多输入(文本、选择...)，并且我不知道应该如何更改第一行以使表单中的任何输入都执行通用操作“keyup”(或其他内容)。这对于 input=text 很有用，但对于 select 则不然...

$('input[type=text],select').keyup(function(){
    if($('#clients_name').val().length >= 2){
      (...)
    }
    if($('#clients_street').val().length >= 2){
      (...)
    }
});

Answer 1

只需使用此

$('input[type="text"]').keyup(function(){   // $('select,input[type="checkbox"]').on('change',function(){
    if ($(this).val().length >= 2) {
      (...)
    }
    //Or can be
    if (this.value.length >= 2) {
      (...)
    }
});

但是.keyup仅适用于文本框。您需要对选择框和选中框使用.on('change',function(){..})。