0

サーバー側の検証を処理するためにとASP.NET MVC 4の最新バージョンを使用しています。jQuery UIFluent Validation

jQuery dialogフォームが送信される前に、確認ポップアップとして動作するようにしようとしています。ユーザーは、[はい] をクリックしてフォームを送信するか、キャンセルしてフォームにとどまる必要があります。

Google で検索して、指定されたサンプルを試しましたが、動作しません。ボタンのクリック イベントでこれを実行しようとしましたが、うまくいきませんでした。今、フォーム送信に追加しようとしています。

私のHTMLマークアップ:

<button id="SaveButton" type="submit">Save</button>

<div id="dialog-confirm" title="Save Customer?">
     <p><span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 20px 0;"></span>Are you sure you want to save this customer?</p>
</div>

私のjQueryコード:

$(document).ready(function () {
     $('form').submit(function () {
          $('#dialog-confirm').dialog('open');
          return false;
     });

     $('#dialog-confirm').dialog({
          autoOpen: false,
          resizable: false,
          modal: true,
          buttons: {
               'Save': function () {
                    $('form').sumbit();
               },
               Cancel: function () {
                    $(this).dialog('close');
               }
          }
     });
});

上記の方法を使用して得られるエラーは次のとおりです。

Object doesn't support this property or method

...そしてそれは途切れる$('form').sumbit();

これを正しく機能させるにはどうすればよいですか？そして、これをどこに追加するのが最善ですか？ボタン上またはフォームの送信時？両方？

注:jQuery回答は、コントロールに基づいている必要がありますjQuery dialog。

4

2 に答える 2

2

これを試してください：

$('#dialog-confirm').dialog({
      autoOpen: false,
      resizable: false,
      modal: true,
      buttons: [
                {
                    text : 'Save',
                    click : function () {
                        $('form').submit();
                    }
                },
                {
                    text : 'Cancel',
                    click : function () {
                         $(this).dialog('close');
                    }
                }
            ]
      }
 });
于 2013-05-03T09:32:10.557 に答える