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}
Du musst angemeldet sein, um einen Kommentar abzugeben.
Das problem kann gelöst werden, indem die
display:inline;
zu denlabel.error
Klasse in css.Überprüfen Sie heraus die geänderte fiddle-Beispiel hier.
mit
display: inline-block
oderdisplay: inline
für span-Fehlerdemo