Wie wende ich die Klassenvalidierung auf dynamische Textfelder in einer Tabelle mithilfe der unaufdringlichen jQuery-Validierung an?

Klassenvalidierung für dynamische Textfelder in einer Tabelle festlegen

Das Problem verstehen

Sie haben eine dynamische Tabelle mit Textfeldern und möchten eine Klasse anwenden Validierung für alle diese Textfelder. Die unauffällige Validierung von jQuery registriert die hinzugefügten Textfelder nicht, was dazu führt, dass die Validierung nicht funktioniert.

Behebung des Problems

Um dieses Problem zu beheben, müssen Sie Folgendes tun:

• Datenattribute hinzufügen: Fügen Sie die erforderlichen Datenvalattribute hinzu Textfelder.
• Platzhalterelemente generieren: Platzhalterelemente für die Anzeige von Validierungsmeldungen erstellen.
• Nicht aufeinanderfolgende Indexer zulassen: Fügen Sie eine versteckte Eingabe für die hinzu Indexer, um nicht aufeinanderfolgende Indexer für die geposteten Daten zu aktivieren Sammlung.

Aktualisiertes HTML mit versteckter Indexer-Eingabe

@for (int i = 0; i < Model.TargetInfo.Count; i++)
{
    <tr>
        <td>
            @Html.TextBoxFor(m => m.TargetInfo[i].TargetColor_U, new { id = "", @class = "form-control" })
            @Html.ValidationMessageFor(m => m.TargetInfo[i].TargetColor_U)
            <input type="hidden" name="TargetInfo.Index" value=@i />
        </td>
        <!-- Other columns with similar markup -->
    </tr>
}

Aktualisiertes JavaScript mit nicht-konsekutiven Indexern

var form = $('form');
var newrow = $('#newrow');
var tablebody = $('#tablebody');

$("#btnAddTarget").click(function() {
    var index = (new Date()).getTime();
    var clone = newrow.clone();
    clone.html($(clone).html().replace(/#/g, index));
    var row = clone.find('tr');
    tablebody.append(row);

    // Reparse the validator using unobtrusive validation
    form.data('validator', null);
    $.validator.unobtrusive.parse(form);
});

Zusätzliche Tipps

• Nach dem Hinzufügen von Dynamik ist eine unauffällige Neuanalyse der Validierung erforderlich Inhalt.
• Versteckte Indexer ermöglichen das Löschen nicht aufeinanderfolgender Zeilen.
• Verwenden Sie CSS für die Gestaltung anstelle von Inline-Stilen.
• Erwägen Sie die Verwendung von Teilansichten zur Wartbarkeit.

Das obige ist der detaillierte Inhalt vonWie wende ich die Klassenvalidierung auf dynamische Textfelder in einer Tabelle mithilfe der unaufdringlichen jQuery-Validierung an?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!