Anzeigen Jquery form validation-error-Nachrichten auf der rechten Seite des Formular-Elemente

Ich habe ein Formular, und ich bin mit diesem jquery-Validation Plugin zu bestätigen. Die Validierung funktioniert perfekt aber das problem ist, die Fehlermeldungen zeigen, bis auf der Unterseite der meinen form-Elementen. Ich bin versuchen, um anzeigen auf der rechten Seite des Formular-Elemente.

Könnten Sie mir bitte helfen?

Bitte überprüfen Sie den gesamten code auf jsfiddle

Meine Form

<form id="commentForm" class="form-horizontal" method="post">
    <div class="control-group">
      <label class="control-label" for="input">Name <span style="color: red;">*</span></label>
       <div class="controls">
        <input type="text" name="name" class="input-small required" id="name" value="" />
        </div>
    </div>

    <div class="control-group">
      <label class="control-label" for="input">Email <span style="color: red;">*</span></label>
       <div class="controls">
        <input type="text" name="name" class="input-small required email" id="email" value="" />
        </div>
    </div>

    <input type="submit" class="btn" value="submit"  />

</form>   

CSS für Fehler

form label.error{font:10px Tahoma,sans-serif;color:#ED7476;margin-left:5px}
form input.error,form input.error:hover,form input.error:focus,form select.error,
form textarea.error{border:1px solid #ED7476;background:#FFEDED}       
InformationsquelleAutor black_belt | 2013-02-22
Schreibe einen Kommentar