javascript - Struts 1 jspの表示タグを使用した削除確認

Question

ユーザーがdisplay:column内の削除ボタンをクリックすると、削除確認ボックスを表示しようとしています。表示するダイアログがありますが、ユーザーがアクションを削除したいことを確認すると、アクションが呼び出されません。行が削除されることなく、ページがリロードされるだけです。削除の確認がなければ、行は正常に削除されます。確認で何か間違ったことをしています。助けていただければ幸いです、ありがとう

私が今持っているものは次のとおりです。

jQuery:

$(".btnShowDeleteConfirmation").click(function (e)
          {
             ShowDialog(true);
             e.preventDefault();
          });

          $("#btnClose, #btnNo").click(function (e)
          {
             HideDialog();
             e.preventDefault();
          });

          $("#btnYes").click(function (e)
          {

            });

Javascript:

   function deleteEntry(rowId)
  {
    document.getElementById('rowId').value=rowId;
    document.forms['myForm'].action='/myAction/deleteAction.action?method=deleteRow';
    document.forms['myForm'].submit;       
  }

タグテーブルを表示:

<form action="" method="POST" id="mainForm" name="MyFormBean">

<display:table requestURIcontext="true"  requestURI="/unavailability/loadUnavailability.action?method=loadForm" uid="myList" name="requestScope.unavailList" class="simple" pagesize="10" defaultsort="2" sort="list"  cellspacing="0" excludedParams="*">    

<display:column  property="startDate" title="Start Date" width="18%"   decorator="com.mhngs.util.DisplayTagDateWrapper" sortable="true" headerClass="sortable"/>
<display:column  property="endDate" title="End Date" width="18%"  decorator="com.mhngs.util.DisplayTagDateWrapper" sortable="true" headerClass="sortable" />
<display:column  property="reason" title="Comments" width="30%" sortable="true" headerClass="sortable" />   

<display:column media="html" width="10%" class="btnShowDeleteConfirmation">
<a href="#">Delete</a>
</display:column>


</display:table> 
<input type="hidden" name="rowId" id="rowId" />
</form>

HTML: ユーザーが削除ボタンをクリックすると表示されます

<div id="overlay" class="delete_overlay"></div>

        <div id="dialog_delete" class="delete_overlay">
        <form method="post" action="">  
            <table style="width: 100%; border: 0px;" cellpadding="3" cellspacing="0">
                 <tr>
                    <td class="web_dialog_title">Delete Row Confirmation</td>
                    <td class="web_dialog_title align_right"><a href="#" id="btnClose">Close</a></td>
                </tr>
                <tr>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td colspan="2" style="padding-left: 15px;">
                        <label>You seleted a row to be deleted</label>
                    </td>
                </tr>
          <tr>
             <td>&nbsp;</td>
             <td>&nbsp;</td>
          </tr>
          <tr>
             <td colspan="2" style="text-align: center;">
                <input id="btnYes" type="submit" value="Yes" onClick="javascript:deleteEntry('<c:out  value="${myList.rowId}"/>')"/>
                <input id="btnNo" type="button" value="No" />
             </td>
             </tr>
             </table>
        </form>
    </div>