Ich verwende Das Validierungssystem von Position Absolute für die Validierung von Werten im Formular.
Das Problem ist, dass bei der Validierung die Fehlermeldungen nicht an die Textfelder (Eingabetyp: Text) angehängt werden, wie sie erwartet werden. Ich weiß, dass das Problem mit dem Rand oben zusammenhängt, den ich den Textfeldern zugewiesen habe, aber ich kann ihn nicht ändern. Ein Beispiel-Codefragment wird hier bereitgestellt...
html:
<form id="frmTest" style="position:relative">
<div id="divContents" style="position:relative; overflow-y:auto; overflow-x:none;">
<div class="row1">
<span>FName:</span>
<input id="txtFName" data-prompt-position="bottomRight" class="validate[required] text-input" tabindex="1" />
</div>
<div class="row2">
<span>LName:</span>
<input id="txtLName" class="validate[required] text-input" tabindex="2" />
</div>
<div class="row3">
<span>Age:</span>
<input id="txtAge" class="validate[required, custom[integer],min[1]] text-input" tabindex="3" />
</div>
</div>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<input type="submit" id="btnSubmit" value="Submit" />
</form>JS:
$('#frmTest').validationEngine();
$('#txtFName').focus();
$('#btnSubmit').click(function(){
return $('#frmTest').validationEngine();
});jsFiddle .
Die Divs, die ich erstellt habe, sind nur ein Beispiel, aber in der Live-Umgebung sind sie zusammenklappbare Divs. Außerdem möchte ich nicht hard-code data-prompt-position Wert für jedes Eingabefeld, da es mehr als 100 Felder in jedem Formular sind. So bin auf der Suche nach einem generischen Weg der Behandlung dieses Problems (die ich weiß, ist möglich durch CSS aber nicht wissen, wie?)
Das Demo-Setup, bei dem das Problem auftritt, ist www.x-lant.com
Verwenden Sie Gast / pwd um sich bei der Anwendung anzumelden.
