Foro de elhacker.net

Hola.

Estoy trabajando con el framework bootstrap y estoy utilizando el validador, me gustaría aplicar la misma validación para diferentes inputs por ejemplo números de teléfono

<input type="text" name="telefono1" />
<input type="text" name="telefono2" />
<input type="text" name="telefono3" />
 

$(document).ready(function() {
    $('#form').bootstrapValidator({
        message: 'This value is not valid',
        excluded: ':disabled',
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        fields: {
            telefono1: {
                validators: {
                    notEmpty: {
                        message: 'Telefono requerido'
                    }
                }
            },
            telefono2: {
                validators: {
                    notEmpty: {
                        message: 'Telefono requerido'
                    }
                }
            },
            telefono3: {
                validators: {
                    notEmpty: {
                        message: 'Telefono requerido'
                    }
                }
            }
        }
    });
 

Lo que me gustaría tener es algo así (y qué no sé si sea posible)

telefono1, telefono2, telefono3: {
                validators: {
                    notEmpty: {
                        message: 'Telefono requerido'
                    }
                }
}
 

Como dije, es solo un ejemplo, porque en realidad estoy validando la CURP de 5 personas y ocupo al rededor de 100 líneas de código por cada curp, algo que no se me hace muy práctico.

Gracias por su ayuda.

Saludos.

Como ves en la linea #10, al parametro fields de la funcion bootstrapValidator se le pasa un objecto. Podrias crear/serializar este objecto desde el mismo js dinamicamente. Algo como:

$(document).ready(function() {
   var myFields = {};
   for(var i=0; i<3; i++){
      myFields["telefono"+(i+1)] = {
         validators: {
             notEmpty: {
                 message: 'Telefono requerido'
             }
         }
      };
   }
 
    $('#form').bootstrapValidator({
        message: 'This value is not valid',
        excluded: ':disabled',
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        fields: myFields
    });
});
 

Aunque tambien podrias reemplezar el bucle for asignandole una clase a cada input a valdiar, y luego recorriendo dicha clase con la funcion $.each de jQuery. Pero la idea es la misma.

Gracias,

voy a probarlo.

Saludos.