Cómo comprobar si el cualquiera de mi cuadro de texto está vacío o no en javascript

Question

Duplicar posibles:
Check if inputs are empty using jQuery

tengo forma y cuadros de texto, ¿cómo voy a determinar si alguna de estas textboxes está vacío usando javascript if else statement una vez que se hace clic en un botón de formulario.

function checking() { 
    var textBox = $('input:text').value; 
    if (textBox == "") { 
     $("#error").show('slow'); 
    } 
} 

¡Gracias de antemano!

Answer 1

Mediante el uso de selectores de jQuery para la selección de los elementos, que tienen un objeto jQuery y se debe utilizar val() método para obtener/establecer el valor de los elementos de entrada.

También tenga en cuenta que :text selector es obsoleto y sería mejor recortar el texto para eliminar los espacios en blanco de caracteres. puede usar la función de utilidad $.trim.

function checking() { 
    var textBox = $.trim($('input[type=text]').val()) 
    if (textBox == "") { 
     $("#error").show('slow'); 
    } 
} 

Si desea utilizar value propiedad que debe convertir primero el objeto jQuery en un objeto DOM prima. Puede usar el método [index] o get.

var textBox = $('input[type=text]')[0].value; 

Si tiene múltiples entradas, debe recorrerlas.

function checking() { 
    var empty = 0; 
    $('input[type=text]').each(function(){ 
     if (this.value == "") { 
      empty++; 
      $("#error").show('slow'); 
     } 
    }) 
    alert(empty + ' empty input(s)') 
} 

Answer 2

No se puede usar value con la función de uso de objeto jquery val(), pero esto solo marcará el primer cuadro de texto devuelto por el selector.

Live Demo

function checking() {  
    var textBox = $('input:text').val(); 
    if (textBox == "") { 
     $("#error").show('slow'); 
    } 
} 

Puede adjuntar blur evento y hacer esta validación en losing focus from each textbox.

Live Demo

$('input:text').blur(function() {  
    var textBox = $('input:text').val(); 
    if (textBox == "") { 
     $("#error").show('slow'); 
    } 
}); 

validación en submit button clic Accordi ng a discusión con OP

Live Demo

$('#btnSubmit').click(function() { 
    $("#error").hide();  
    $('input:text').each(function(){ 
     if($(this).val().length == 0) 
      $("#error").show('slow'); 
    }); 
}); 

Answer 3

Prueba este código:

var textBox = $('input:text').val(); 

if (textBox==""){ 
    $("#error").show('slow'); 
}