Question

estoy tratando de seleccionar todos los elementos de entrada, excepto input type = "submit/reset/botón

He tratado de hacer un selector de la siguiente manera:

inputSelector = 'input:not(input[type=button], input[type=submit], input[type=reset]), textarea, select'; 

Pero esto no funciona, debido a que la botones de envío siempre hacen en la selección final.

Alguna idea de lo que está mal con lo anterior.

Gracias!

Answer 1

intente modificar el selector a la cadena de .not(...) como:

var inputs = $('input, textarea, select') 
       .not(':input[type=button], :input[type=submit], :input[type=reset]'); 

$(inputs).each(function() { 
    console.log(this.type); 
}); 

Esto hace que (posiblemente) más fácil de leer, y debería funcionar cómo espera.

Answer 2

Esta respuesta es posiblemente más difícil de leer que la de Michael Robinson, pero me parece más sucinta. En lugar de ejecutar la función not(), puede seleccionarla usando :input para reunir todos los elementos del formulario, luego filtrar con la pseudoclase :not() para cada tipo de entrada no deseada.

Desde documentación de la API de jQuery (https://api.jquery.com/input-selector/):

El selector :input básicamente selecciona todos los controles de formulario.

El "CSS" versión selector -como, los :not() selectores de pseudo-elementos están separados y se pueden utilizar en CSS 3, también:

var inputs = $("#theForm").find(":input:not([type=button]):not([type=submit]):not([type=reset])");