Come verificare se l'uno dei miei casella di testo è vuota o non in JavaScript

Question

Eventuali duplicati:
Check if inputs are empty using jQuery

ho forma e caselle di testo, come faccio a determinare se qualcuno di questi le caselle di testo sono vuote se si utilizza javascript if else una volta che si fa clic sul pulsante di un modulo.

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

Grazie in anticipo!

Answer 1

Utilizzando selettori di jQuery per la selezione degli elementi, si ha un oggetto jQuery e si dovrebbe utilizzare val() metodo per ottenere/impostare il valore degli elementi di input.

Si noti inoltre che il selettore :text è deprecato e sarebbe preferibile tagliare il testo per la rimozione di caratteri di spaziatura. è possibile utilizzare la funzione di utilità $.trim.

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

Se si desidera utilizzare value proprietà si deve prima convertire l'oggetto jQuery per un oggetto DOM crudo. È possibile utilizzare il metodo [index] o get.

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

Se si dispone di più ingressi, è necessario eseguirne il ciclo.

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

Answer 2

Non è possibile utilizzare value con l'oggetto jQuery utilizzare la funzione val(), ma questo controllerà solo la prima casella di testo restituita dal selettore.

Live Demo

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

È possibile allegare blur evento e fare questo convalida losing focus from each textbox.

Live Demo

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

convalida su submit button click Accordi ng alla discussione con OP

Live Demo

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

Answer 3

Prova di questo codice:

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

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