0

ウィザードから Twitter ブートストラップを使用しています。ウィザードで 4 つのフォームを送信したい http://vadimg.com/twitter-bootstrap-wizard-example/examples/basic-formvalidation.html#

以下は、次のボタンを押すたびに私のコードです。

       onNext: function (tab, navigation, index) {
        if(index == 1) {
            if(form_header.valid() === true) {

                    $('#report_header_fm').submit(function(){
                    console.log('test123');
                    $.ajax({
                        type: "POST",
                        url: baseURL + "index.php/addNewReport",
                        data: $("#report_header_fm").serialize(),
                        success: function(data)
                        {
                            console.log('test');
                        }

                        });  //Ajax end
                });

                }
            else
            {
                 return false;
            }
            }
            handleTitle(tab, navigation, index);

            },

5 つの入力と id=report_header_fm を持つフォームがあります。

次にクリックすると、フォームの検証が行われていることがわかりますが、フォームが送信されません。注-送信ボタンをクリックしていませんが、次のボタンがあります--

<input type="submit" class="btn green-haze" value="Save">

だから私が望むのは、次にクリックしたときにフォームを送信することです。ここでは、次をクリックすると検証が行われますが、送信は行われません。コンソールに「test123」が表示されませんでした。

つまり、送信ボタンを押さずにフォームを送信するにはどうすればよいですか?

ありがとう、

4

3 に答える 3

0 
onNext: function (tab, navigation, index) {
    if(index == 1) {
        if(form_header.valid() === true) {
                $.ajax({
                    type: "POST",
                    url: baseURL + "index.php/addNewReport",
                    data: $("#report_header_fm").serialize(),
                    success: function(data)
                    {
                        console.log('test');
                        this.show(2);
                    }

                    });
        } else {
             return false;
        }
 }
于 2016-04-25T05:59:36.477 に答える