Javascript JQM表单错误弹出框

Javascript JQM表单错误弹出框,javascript,jquery-mobile,Javascript,Jquery Mobile,我在JQM做一个积垢准备上学。我的积垢很好用。 在提交之前,我有一些表单字段是必需的,并且标签上有class=“required”。因此,当这些字段没有填写时,它表示这些字段是必需的 我希望它们显示在弹出框中。我使用JavaScript实现了这一点,但是我的表单页脚在弹出框后面显示为超链接 这看起来相当愚蠢,我不知道如何才能让它停止。我将尝试在这里发布一些代码以获得帮助 下面是我用来调用错误页面的隐藏错误链接: <a href="#apartmentFormErrors" id="apar

我在JQM做一个积垢准备上学。我的积垢很好用。 在提交之前,我有一些表单字段是必需的,并且标签上有
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>
这是我正在谈论的一张照片


您是否发布了所有HTML?因为我看不到您对页脚的定义:S…这个页面不需要页脚,结果我在我的主页上有一个额外的标记。它把所有东西都扔掉了,当我的钳工马也不工作时,我注意到了它。
$(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

});