jquery - Validate dynamically added fields -
i'm adding table row jquery on button click:
$("#add_row").click(function () { zeile++; $("#artikeltabelle > tbody").append('<tr id="reihe' + zeile + '">' + '<td rowspan="2"><b>' + (zeile + 1) + '</b></td>' + '<td><input class="form-control" id="cctabelle_' + zeile + '__ccartikelnr" name="cctabelle[' + zeile + '].ccartikelnr" type="text" /></td>' + '<td><input class="form-control" id="cctabelle_' + zeile + '__ccwarentarifnr" name="cctabelle[' + zeile + '].ccwarentarifnr" type="text" /></td>' + '<td><input class="form-control" data-val="true" data-val-number="das feld "anzahl" muss eine zahl sein." data-val-required="das feld "anzahl" ist erforderlich." id="cctabelle_' + zeile + '__ccanzahl" name="cctabelle[' + zeile + '].ccanzahl" type="text" /></td>' + '<td><input class="form-control" data-val="true" data-val-number="das feld "einzelpreis" muss eine zahl sein." data-val-required="das feld "einzelpreis" ist erforderlich." id="cctabelle_' + zeile + '__cceinzelpreis" name="cctabelle[' + zeile + '].cceinzelpreis" type="text" /></td>' + '<td><input class="form-control" data-val="true" data-val-number="das feld "gesamtpreis" muss eine zahl sein." data-val-required="das feld "gesamtpreis" ist erforderlich." id="cctabelle_' + zeile + '__ccgesamtpreis" name="cctabelle[' + zeile + '].ccgesamtpreis" type="text" /></td>' + '<td><input class="form-control" data-val="true" data-val-number="das feld "anzahl pakete" muss eine zahl sein." data-val-required="das feld "anzahl pakete" ist erforderlich." id="cctabelle_' + zeile + '__ccanzahlpakete" name="cctabelle[' + zeile + '].ccanzahlpakete" type="text" /></td>' + '<td><input class="checkbox-inline" data-val="true" data-val-required="das feld "fertig verpackt?" ist erforderlich." id="cctabelle_' + zeile + '__ccfertigverpackt" name="cctabelle[' + zeile + '].ccfertigverpackt" type="checkbox" /><input name="cctabelle[' + zeile + '].ccfertigverpackt" type="hidden" /></td>' + '<td rowspan="2"><a class="btn btn-default delete_row" data-rowid="' + zeile + '">artikel löschen</a></td>' + '</tr>' + '<tr id="text' + zeile + '">' + '<td colspan="3"> <textarea class="form-control input-md" id="cctabelle_' + zeile + '__ccinhaltsbeschreibung" name="cctabelle[' + zeile + '].ccinhaltsbeschreibung" placeholder="inhaltsbeschreibung"></textarea> </td>' + '<td colspan="4"> <textarea class="form-control input-md" id="cctabelle_' + zeile + '__ccbemerkunginhalt" name="cctabelle[' + zeile + '].ccbemerkunginhalt" placeholder="bemerkungen"></textarea> </td>' + '</tr>'); aktualisierezeilennummer(); }); i use content create row.
but on clicking button submit want validate these fields if filled or not highlight fields.
i tried using $("#form").validate(); don't know how use , didn't work.
also validation in model failed:
public class inhaltmodel { //inhalt [required] [display(name = "artikelnummer")] public string ccartikelnr { get; set; } [required] [display(name = "warentarif-nr")] public string ccwarentarifnr { get; set; } } if use razor add row works not jquery, need dynamic can add many rows want to.
can tell me how validate fields ?
you need parse form again after adding dynamic content in order content validated
$('form').data('validator', null); $.validator.unobtrusive.parse($('form'));
Comments
Post a Comment