2017-09-09 15 views
1

Dies ist die HTML-Struktur, wenn bei der Eingabe mit id engraving_txt_1 ein Fehler auftritt. Dieser Fehler tritt jedoch nur bei der Validierung des Formulars auf. engraving_txt_1 input field wird eingefügt, wenn der Benutzer ja aus einem Dropdown wählt und entfernt wird, wenn der Benutzer Nein in diesem Dropdown auswählt. Ich füge mit diesem Code $(engraving_li).insertBefore("#divcount_1"); ein, fügt es korrekt an der Position ein, wo ich will, aber wenn die Fehler-ID engraving_txt_1-error sichtbar wird, hat es versagt. Wie kann ich es korrekt eingeben, ob ein Fehler vorliegt oder nicht?Wie wird ein Element an einer bestimmten Position eingefügt, nachdem es entfernt wurde?

<div id="li_engraving_txt_1" class="row" style="display: block;"> 
<span class="type1 form-group col-md-2"><span class="left-label"><span id="red">*</span>Engraving Text:</span> 
    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX 
    <label id="engraving_txt_1-error" class="fieldError" for="engraving_txt_1">This field is required.</label> 
    <label style="margin-left:25%;" id="divcount_1"></label> 
    <input type="hidden" id="label_1" name="labelCount[]" class="element text form-control" value=""> 
</span> 
<span class="type1 form-group col-md-2"><span class="left-label"><span id="red">*</span>Engraving Font:</span> 
    <select class="element select form-control" id="engraving_font_1" name="cb_engraving_font[]"> 
    <option value="Cherokee Font">Cherokee Font</option> 
    <option value="Narkism Font">Narkism Font</option> 
    <option value="Segoe Script Font">Segoe Script Font</option> 
    </select> 
</span> 
</div> 
+0

Auf welcher Position wollen Sie es erscheinen? – Axel

+0

wo ich es im Beispielcode habe – Haroon

+0

'$ (gravur_li) .insertBefore ("# divcount_1");' du willst gravieren_li - richtig? Ich kann es nicht in Ihrem Code sehen – Axel

Antwort

1

Wir müssen so spezifisch wie möglich sein, um die unerwünschten DOM-Elemente nicht anzusprechen.

$('#li_engraving_txt_1') 
 
    .find('.type1.form-group.col-md-2') 
 
     .first() 
 
      .find('.left-label') 
 
       .after('.......HIT........')
<div id="li_engraving_txt_1" class="row" style="display: block;"> 
 
<span class="type1 form-group col-md-2"><span class="left-label"><span id="red">*</span>Engraving Text:</span> 
 
    XXXXXXXXXXXXXXX 
 
    <label id="engraving_txt_1-error" class="fieldError" for="engraving_txt_1">This field is required.</label> 
 
    <label style="margin-left:25%;" id="divcount_1"></label> 
 
    <input type="hidden" id="label_1" name="labelCount[]" class="element text form-control" value=""> 
 
</span> 
 
<span class="type1 form-group col-md-2"><span class="left-label"><span id="red">*</span>Engraving Font:</span> 
 
    <select class="element select form-control" id="engraving_font_1" name="cb_engraving_font[]"> 
 
    <option value="Cherokee Font">Cherokee Font</option> 
 
    <option value="Narkism Font">Narkism Font</option> 
 
    <option value="Segoe Script Font">Segoe Script Font</option> 
 
    </select> 
 
</span> 
 
</div> 
 

 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

+1

Es war ein Vergnügen, Sir !!! – Axel

Verwandte Themen