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

});

これが私が話していることの写真です