1

さて、私が答えを見つけるのに苦労している非常に単純なJQueryの質問：

ボタンクリックで呼び出されるJQueryイベントがあります。

$(document).ready(function(){
        resetForms('reservation');
        $('#form-reservation').submit(function(event){ 
            event.preventDefault();  //the page will no longer refresh on form submit.
            var resCheck = $(this).find('input[class="reservationid"]').val(); //now we have the reservation ID, let's perform our check.
            document.cancel_res.cancel_agree.checked = false;
            //document.cancel_res.cancel_agree.disabled = false;
            document.cancel_res.cancel_button.disabled=true;
            document.form_reservation.search_button.value="Searching...";
            document.form_reservation.search_button.disabled=true;
            $.ajax({ 
                url: 'inc/searchres.php', 
                type: 'POST',
                data: 'resid='+resCheck, 
                success: function(data){  //data is all the info being returned from the php file 
                    resetForms('reservation');  //clear forms
                    document.form_reservation.search_button.value="Search Reservation";
                    document.form_reservation.search_button.disabled=false;
                    $('#reservation-id').val(resCheck);  //add read ID back into text box
                    var jsonData = $.parseJSON(data);
                    //BLAH BLAH BLAH BLAH
                }
            });
        });
    });

関数は完全に機能します...しかし、送信イベントを利用せずにこの関数を呼び出す方法はありますか？呼び出し後にすべてを取り出して$('#form-reservation').submit(function(event){ 別の関数に配置し、submitイベントから関数を呼び出そうとしました。しかし、何らかの理由で、これは失敗しました。

基本的に、submitイベントでこの関数をトリガーしたいのですが、他の状況でも関数全体を呼び出せるようにしたいのです。前もって感謝します！

4

2 に答える 2

2

それは実際にはかなり簡単です：

var MyFunc = function(event){ 
            typeof event !== 'undefined' ? event.preventDefault() : false;  //the page will no longer refresh on form submit.
            var resCheck = $(this).find('input[class="reservationid"]').val(); //now we have the reservation ID, let's perform our check.
            document.cancel_res.cancel_agree.checked = false;
            //document.cancel_res.cancel_agree.disabled = false;
            document.cancel_res.cancel_button.disabled=true;
            document.form_reservation.search_button.value="Searching...";
            document.form_reservation.search_button.disabled=true;
            $.ajax({ 
                url: 'inc/searchres.php', 
                type: 'POST',
                data: 'resid='+resCheck, 
                success: function(data){  //data is all the info being returned from the php file 
                    resetForms('reservation');  //clear forms
                    document.form_reservation.search_button.value="Search Reservation";
                    document.form_reservation.search_button.disabled=false;
                    $('#reservation-id').val(resCheck);  //add read ID back into text box
                    var jsonData = $.parseJSON(data);
                    //BLAH BLAH BLAH BLAH
                }
            }

$(document).ready(function(){
        resetForms('reservation');
        $('#form-reservation').submit(MyFunc); //this calls on submit
    });

//this calls without need of a submit
MyFunc();
于 2012-04-27T21:29:28.923 に答える
1

ハンドラーをトリガーするだけです。

$("#form-reservation").triggerHandler("submit");

http://api.jquery.com/triggerHandler/

APIドキュメントによると、これによってフォームが送信されることはなく、そのイベントにバインドされたハンドラーが実行されるだけです。

于 2012-04-27T21:46:36.010 に答える