小编Sha*_*ant的帖子

我使用Position Absolute的验证引擎来验证表单上的值.

问题是在验证时,错误提示不会像预期的那样附加到文本框(输入类型:文本).我知道问题在于我给文本框提供的margin-top但是我不能改变它.此处提供了示例代码段...

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.

我创建的div只是样本,但在实时环境中,它们是可折叠的div.此外,我不想为每个输入字段硬编码数据提示位置值,因为每个表单中有超过100个字段.所以我正在寻找处理这个问题的通用方法(我知道这可以通过CSS但不知道如何？) …