jQuery工具驗證器錯誤消息位置

我目前使用jQuery工具驗證，但錯誤消息的位置是絕對的。因此，如果我的表單足夠大，並且需要向下滾動，則錯誤消息也會滾動。jQuery工具驗證器錯誤消息位置

我想要的是留在他們的位置，這是我的輸入字段的頂部的消息。

這可能是100％的CSS問題，但我無法修復它。

我有一些全局配置在這裏：

$.tools.validator.conf.lang = 'el'; 
$.tools.validator.conf.position = "top left"; 
$.tools.validator.conf.message = "<div><em/></div>"; // em element is the arrow 
$.tools.validator.conf.offset = [-5, 35]; 
$.tools.validator.conf.errorclass = "invalid"; 
$.tools.validator.conf.messageClass= 'form-validation-error';

和我的CSS是：

.form-validation-error { 
    height:15px; 
    background-color:#DC1E32; 
    font-size:11px; 
    border:1px solid #DC1E32; 
    padding:4px 10px; 
    color: #fff; 
    display:none; 
    -moz-border-radius:5px; 
    -webkit-border-radius:5px; 
    border-radius: 5px; 

    -moz-box-shadow:0 0 6px #ddd; 
    -webkit-box-shadow:0 0 6px #ddd; 
} 

.form-validation-error p { 
    margin:0; 
} 

.form-validation-error em { 
    display:block; 
    width:0; 
    height:0; 
    border:10px solid; 
    border-color:#DC1E32 transparent transparent; 

    position:absolute; 
    bottom:-17px; 
    left:60px; 
    }

我用我的驗證程序是這樣的：

<script type="text/javascript"> 
    $(document).ready(function() 
    { 
    $("form").validator(); 
    }); 
</script>

請幫助。

來源

2013-07-16 celticharp

問題解決了！

我刪除了這一點：

html, body 
{ 
    height: 100%; 
}

從我的CSS。不知道它爲什麼這樣工作。

來源

2013-07-17 10:14:56 celticharp

嘗試位置：固定;這將使它保持原位。您可能需要調整左側和底部。

來源

2013-07-16 11:27:59 Tdelang

謝謝你的回答。我已經嘗試過沒有成功。我把它放在form-validation-error css規則中，但它被樣式規則覆蓋（由javascript創建）。有沒有一種方法可以將其作爲驗證器方法的conf？ – celticharp

jQuery工具驗證器錯誤消息位置

回答

相關問題