jQuery Validierung Plugin nicht validiert vorgefüllt wählen

Question

Ich habe ein sehr seltsames Problem mit dem jQuery Validation Plugin, wo es nicht validiert select, die zuvor ausgefüllt und dann geändert wurde.

Sie den Code anschauen können hier: http://jsfiddle.net/VwRJ8/1/

Der Code nie die alert() in den folgenden Zeilen feuert:

$('#edit_loc_save').click(function() { 
    var foo = $('#add_new_loc_form').valid(); 
    alert(foo); 
}); 

Answer 1

Sie können überprüfen, ob die Auswahl gültig ist jedes Mal, wenn der Wert geändert wird:

Javascript

$('#myform').validate(); 
$('#myselectbox').on('change', function() { 
    $(this).valid(); 
}); 

Demo

Edit 1

Hier ist das, was einen Fehler in der Javascript verursacht, welche die Validate-Funktion verhindert richtig zu bedienen:

new_loc_zip: { 
    required: true, 
    postalcode: true // This is not a correct setting in jquery validate 
}, 

Wenn Sie das Entfernen postalcode: true Zeile, validieren wird ordnungsgemäß aufgerufen.

Demo

Answer 2

http://jsfiddle.net/YRAga/2/

$('#myform').validate({ 
    rules: { 
     myselectbox: { 
      required: true 
     } 
    } 
}); 

$("#myselectbox").change(function() { 
    $("#myform").submit(); 
});​ 

Answer 3

, wenn Sie die Validierung tun, während die Option zu ändern, dann versuchen, das Änderungsereignis der Select-Option zu handhaben und lösen die Validierung programmatisch

Versuchen Sie so etwas wie

$(document).ready(function() { 
     $('#myselectbox').change(function() { 
       $('#myform').validate({ 
          rules: { 
           myselectbox: {required: true } 
          } 
          }).form(); 
         }); 
        });​ 

Siehe die Geige: here