0

ワードプレスのテーマをカスタマイズしています。ユーザーが送信ボタンをクリックすると、無効にする必要があります。

私はそれを行う方法を理解することができませんでした。これがコードです。誰かがこれを行う方法を教えてください。

jQuery('.modal-content').dialog({
                autoOpen: false, 
                title: 'Confirm your Res', 
                resizable: false,
                height: 175,
                width: 300, 
                modal: true, 
                buttons: {
                    Submit: function() {                                    

                        jQuery('form[name="booking-form"]').get(0).submit();
                    }, 
                    Cancel: function() {
                        jQuery(this).dialog("close");

                    }
                }
            });
4

5 に答える 5

1 
$('.submit').click(function(event) {
 event.preventDefault();
});

または見る

フォーム送信時に送信ボタンを無効にする

于 2012-12-12T23:18:58.930 に答える
0

これにより、フォームが送信されるとボタンが「無効」になります。

jQuery('.modal-content').dialog({
            autoOpen: false, 
            title: 'Confirm your Res', 
            resizable: false,
            height: 175,
            width: 300, 
            modal: true, 
            buttons: {
                Submit: function() {                                    
                    jQuery('form[name="booking-form"]').get(0).submit($("form[name='booking-form'] input[type=submit]").attr("disabled", "disabled"));
                }, 
                Cancel: function() {
                    jQuery(this).dialog("close");

                }
            }
        });
于 2012-12-12T23:21:53.177 に答える
0

無効なスタイリングを含めて、無効に見えるようにすることもできます

buttons: {
    "Ok": function () {
        $(this).parent().find('button[role=button]').attr('disabled', 'disabled').addClass('ui-state-disabled');

または、たとえば、バックグラウンドの「読み込み」アニメーションを使用して独自のクラスを作成することもできます。

于 2013-08-02T07:57:19.783 に答える
0

これにより、ユーザーが [OK] ボタンをクリックすると、ポップアップのすべてのボタンが無効になります。

  $(popupHtml).dialog({
    title: "Add an Absence",
    width: 750,
    height: 300,
    buttons: {
        "Ok": function () {
            $(this).parent().find('button[role=button]').attr('disabled', 'disabled');
}

}

于 2013-07-01T19:19:32.893 に答える