jQuery驗證錯誤位置

Question

在jQuery.validate的jQuery錯誤指示顯示輸入字段附近，如果此消息顯示我們的佈局崩潰。

我需要基於流「div」的解決方案，z-index和錯誤消息顯示在頁面上方和輸入字段附近。

感謝

Answer 1

看那errorClass，errorElement，包裝和errorLabelContainer options看看如何修改錯誤信息的呈現方式。最有可能的是，您只需提供具有適當CSS的錯誤類以增加錯誤消息的z-index。如果這不起作用，驗證插件會有一個errorPlacement回調函數，您可以使用該回調函數將錯誤消息放置在您想要的位置和方式。

Answer 2

例子：

$(document).ready(function(){ 
     $("#page1Form").validate({ 
      rules: { 
       "field1": { 
        required: true, 
        digits: true 
       }, 
       "field2": { 
        required: true 
       } 
      }, 
      errorElement: "div" // This is to override the label w/ a div 
     });      
    }); 

CSS：

div.error { 
/* Your CSS Code Here */ 

}

您需要的樣式股利。

，因爲我要做到這一點很好，但我的CSS的skillz仍然缺乏= P