Thảo luận Lỗi Java Script với Xenforo Overlay?

Hôm nay mình gặp 1 vấn đề, hy vọng ai biết có thể chỉ dẫn cho mình.

Mình tạo 1 Page trong Xenforo có chứa Form. Form này có các ô bắt buộc phải nhập dữ liệu không được để trống.
URL của form là: http://fifavn.org/forum/pages/test/

Khi truy cập page này từ đường dẫn url trên, thì trang chạy bình thường, form hoạt động tốt. Khi ô nhập liệu bị bỏ trống sẽ báo lỗi ngay và không cho phép Submit kết quả.

Nhưng khi mình muốn Page này thành dạng Overlay khi click vào link "Click vào đây để Test Form Overay" theo cấu trúc:

HTML:

<a class="OverlayTrigger" data-overlayOptions="{&quot;fixed&quot;:false}" href="http://fifavn.org/forum/pages/test">Click vào đây để Test Form Overay</a>

Theo cách này thì Page hiện ra dưới dạng Overlay nhưng lại không thực hiện check lỗi bỏ trống nhập liệu và cho nhấn nút "Submit" mà không cần phải nhập liệu bất kỳ ô nào.

Mình nghĩ do đoạn script kiểm tra lỗi nhập liệu không hoạt động với OverlayTrigger của Xenforo nên thực hiện không đúng chức năng.

Sưới đây là script dùng để check lỗi nhập liệu không hoạt động với OverlayTrigger

Mã:

    <script src="http://fifavn.org/forum/js/jquery/jquery.validate.js" type="text/javascript"></script>
    <script type="text/javascript">
            $(document).ready(function() {
                $("#fifavn-form").validate({meta: "validate"});
            });
    </script>

Bạn nào rành vấn đề này chỉ cho mình với nhé. Rất cảm ơn!

 

Mình cập nhật link demo: http://fifavn.org/forum/pages/test/
Có ae nào giúp mình không? Ai thích style của form trên mình share luôn. Style này do mình tự code hoàn toàn.