Fügen Sie Validierungsregeln mit Hilfe von jquery validate-plug-in auf dynamisch erzeugte Elemente

Ich versuche, fügen Sie einige Validierungsregeln auf eine Eingabe erstellt aus html-Literale.

Dies ist meine Geige: http://jsfiddle.net/idoxobi/HW4xY/1/

Html:

<form id='form' method='post' >
    <div id='details'>
    </div>
    <a id='Add' href='javascript:void()'>Add</a>
    <br />
    <input type='submit' />
</form>

JavaScript:

$(document).ready(function() {
    $('#form').validate();
    var input = "<input type='text' class='item' name='item' />";
    $('#Add').click(function() {
        $('#details').append(input+'<br />');
        $('#details input:last').rules('add', {
            required: true
        });
    });
})

Er scheint zu erkennen, der Regel nur im ersten element, aber die anderen vorbei, ohne Validierung.

Ist das erste mal, dass ich dieses plug-in, aber in den Foren jeder sagt, das sollte gut funktionieren.

Irgendwelche Vorschläge?

InformationsquelleAutor idoxobi | 2013-06-24

  1. 1

    prüfen:

    html:

    <form id='form' method='post' >
    <div id='details'>
    </div>
    <a id='Add' href='#'>Add</a>
    <br />
    <input type='submit' />
</form>

    js:

    $(document).ready(function() {
    $('#form').validate();
    var i = 0;
    $('#Add').click(function() {

        var input = "<input type='text' class='item' name='item"+ i++ +"' />";
        $('#details').append(input+'<br />');
        $('#details input:last').rules('add', {
            required: true
        });

        return false;
    });
});

    auf jsfiddle

    Hat funktioniert!!! Danke. Dann muss der name eindeutig sein mit diesem plug-in?

    InformationsquelleAutor YD1m

  2. 0

    Sein, weil input-Feld-name ist der gleiche für jeden, und es wurde behoben, indem die @YD1m, meine Methode ist wie folgt:

    $(document).ready(function() {
    $('#form').validate();
    var counter = 0;
    $('#Add').click(function() {
        counter++;
        $('#details').append("<input type='text' class='item required' name='item_" + counter + "' />" + '<br />');
    });
});
    Danke, die Beispiele, die ich gesehen haben waren nur Brocken von code mit den "Regel hinzufügen" Abschnitt und ich habe nicht realisiert, dass war auch notwendig, pflegen Sie einen eindeutigen Namen in den Eingängen.

    InformationsquelleAutor Manoj Yadav

Schreibe einen Kommentar