0

以下のような送信ボタンがあります。

<form:form commandName="DRCNdetails"  id="frm1" method="POST" action="addNewDelayReason.do" >
</form:form>

    <button class="btnStyle blueBtn" id = "subBtn" onclick="showBox()"> 
                    <span class="left"> 
                        <span class="right">Submit</span> 
                    </span> 

                </button>
                $("#subBtn").click(function()

        {
        //if($("#reasonValue").val(missedReasonValue)!="")

            var missedReasonValue =$("#mrclist").val();
            var delayReasonValue=$("#text1").val();
            var preFixValue=$("#text2").val();
            alert("missedReasonValue :: "+missedReasonValue);
            $("#reasonValue").val(missedReasonValue); 


            document.getElementById("frm1").submit();



        showLtBox('mask', 'confirmationMsg');
                fadeOutLtBox('asgnExistMisdReasonCode');

        });



               function showBox(){

            alert('hi in showlightbox');
             showLtBox('mask', 'confirmationMsg');
             fadeOutLtBox('asgnExistMisdReasonCode');

              }

送信ボタンをクリックすると、それぞれのデータがデータベースに保存されますが、ポップアップ画面を表示できませんshowLtBox('mask', 'confirmationMsg');。数秒間表示され、div と呼ばれるポップアップ ブロッカーconfirmationMsgが画面に表示されることはありません。

4

1 に答える 1

0

フォームの送信に ajax を使用していないため、すっきりしています。

$('#frm1').on('submit',function(e){
    e.preventDefault()
    var url = $(this).attr('action')
    var formData = $(this).serialize()

    //Submit the request via Ajax
    $.post( url, data, function( data ) {
        //Show the alert box you want to show
        showLtBox('mask', 'confirmationMsg');    //or th showBox() you defined

    });
})
于 2013-09-22T14:09:32.533 に答える