Vị trí lỗi xác thực jQuery

Question

Trong chỉ báo lỗi jQuery từ jQuery.validate hiển thị gần trường nhập và nếu thông báo này hiển thị bố cục của chúng tôi bị lỗi.

Tôi cần giải pháp dựa trên luồng "div" với chỉ mục z và thông báo lỗi hiển thị trên trang và gần trường nhập.

Cảm ơn

Answer 1

Nhìn vào errorClass, errorElement, wrapper, và errorLabelContainer options để xem làm thế nào để sửa đổi cách thông báo lỗi được trả lại. Nhiều khả năng, bạn chỉ cần cung cấp một lớp lỗi có CSS ​​thích hợp để tăng chỉ mục z của thông báo lỗi. Nếu điều đó không hoạt động, plugin xác thực có lỗi gọi lạiTrình duyệt vị trí mà bạn có thể sử dụng để đặt thông báo lỗi ở đâu và như thế nào bạn muốn.

Answer 2

Ví dụ:

$(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 */ 

}

Bạn sẽ cần phải tạo kiểu cho div.

Xin vui lòng gửi lại bạn div phong cách như tôi đang tìm cách để làm điều này là tốt nhưng skillz CSS của tôi vẫn còn đang thiếu = P