Weisen Sie das dynamisch geladene HTML-Element der Variablen

Question

zu

Ich versuche Felder zu validieren, die mit jQuery $().load(); geladen wurden.

mit Jquery Validierung Plugin (jqueryvalidation.org)

Mein Code ist:

var contactForm = $('#contact-form'); 
     contactForm.validate({ 
     rules: { 
      name: { 
       required: true, 
      }, 
      email: { 
       required: true, 
       email: true 
      }, 
      phone: { 
       required: false, 
       phoneUS: true 
      }, 
      message: { 
       required: true 
      } 
     } 
     }); 

Leider ist es nicht mit Elementen arbeiten mit Last geladen();

Nach einiger Google-Suche ich eine Lösung gefunden, aber sie sind alle auf „Event“ zu verbessern, nicht dynamisch hinzugefügt Eingang Variable übergeben:

$(document).on('click','#submit',function() {}); 

ich es auch mit diesem Code zu nähern versuchte Gebrüll:

$('.home').click(function() { 
    $("#article").load("./ #article > *",function(){ 
     contactForm = $(this).find("#contact-form"); 
    }); 

auch nicht funktioniert, obwohl :(

ich irgendwelche Hinweise und Hilfe zu schätzen wissen wird.

Answer 1

Versuchen sie dynamisch hinzuzufügen:

$("#contact-form").find('input').each(function() { 
    $(this).rules("add", { 
     required: true 
    }); 
}); 

Hoffnung, das hilft.