javascript - JQM 表单错误弹出框

Question

我正在为学校制作 JQM 中的 CRUD。我的 CRUD 工作正常。我有一些提交之前需要的表单字段，并且我class="required"在标签上有。因此，如果未填写这些字段，则表示这些字段是必需的。

我希望它们显示在弹出框中。我已经使用 JavaScript 来实现这一点，但是我的表单页脚一直显示为弹出框后面的超链接。

它看起来相当愚蠢，我不知道如何让它停止。我会尝试在这里发布一些代码以获得一些帮助。

这是我用来调用错误页面的隐藏错误链接：

<a href="#apartmentFormErrors" id="apartmenterrorslink" data-rel="dialog" data-transition="pop">Open Errors</a>

这是我的错误页面：

<div data-role="dialog" id="apartmentFormErrors">
    <div data-role="header" data-position="fixed">
        <h1>Missing Fields</h1>
    </div>

    <div data-role="content">
        <p>Test</p>
    </div>
</div>

最后，这是我为使其工作而编写的 JavaScript：

$(document).on('pageinit', function(){

    var myForm = $('#apartmentForm');
    var apartmenterrorslink = $('#apartmenterrorslink');

    myForm.validate({
        invalidHandler: function(form, validator) {
            apartmenterrorslink.click();
        },
        submitHandler: function() {
            var data = myForm.serializeArray();
            storeData();
        }
    });

    //any other code needed for addItem page goes here

});

这是我正在谈论的图片