Jquery convalida vuota per casella di testo

Question

Ho una casella di testo in un modulo, quando un utente invia il modulo, deve controllare se l'utente lo ha compilato, l'altra convalida avrebbe alcuni caratteri min, che deve compilare.

Ecco il mio codice, che non sta convalidando

 

$('.textboxid').bind("submit", function() { 
    if($(this).val() == "") { 
    jQuery.error('Fill this field'); 
    return false; 
    } 
}); 
 

Answer 1

Il tuo codice non sta convalidando perché, si sono vincolanti submit evento in una casella di testo. Dovresti usare i moduli per farlo.

Oltre alla risposta di sudhir, che funzionerà correttamente. Per fornire un'alternativa ad esso. Puoi anche usare le convalide regex.

Un bell'esempio, che aggiunge messaggi di errore anche dopo la casella di testo.

$("#yourFormId").submit(function() { 
    var inputVal= $("#yourTextBoxId").val(); 
    var characterReg = /^([a-zA-Z0-9]{1,})$/; 
    if(!characterReg.test(inputVal)) { 
     $("#yourTextBoxId").after('<span class="error">Maximum 8 characters.</span>'); 
    } 
}); 

Answer 2

Prova:

 

$("#yourFormId").submit(function() { 
    var textVal = $("#yourTextBoxId").val(); 
    if(textVal == "") { 
    alert('Fill this field'); 
    return false; 
    } 
}); 

 

Answer 3

Vedi questo link avrete idea di come farlo ...

http://www.raymondcamden.com/index.cfm/2009/2/10/An-Introduction-to-jQuery-and-Form-Validation-2

Answer 4

$(function() { 

      var textVal = $("#yourTextBoxId").val(); 
      if (textVal == "") { 
       $("#error").fadeIn(500).show(); 

      } }); 

aggiungere il div dove dovrebbe apparire il messaggio di errore.

<div id="error">Enter Value...</div>