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

});

这是我正在谈论的图片