0

シンプルなhtmlボタンがあります。

クリックすると、ajax が呼び出されます。

これは私のコードです。

 <INPUT type="button" class="form6form" id="newsubmit" name="newsubmit" value="Submit">

そして、ここに ajax の完全なコードがあります。

ajax でコードを検証してから、成功ハンドラーを使用したい

 $('body').on('click', '#newsubmit', function (event) {

    $("#form6").validate({
        debug: false,
        rules: {
            plnonew: "required",
            pldtnew: "required",
            noboxnew: "required",
        },
        messages: {

            plnonew: "Please select a pack list id..",
            pldtnew: "Please select a date..",
            noboxnew: "Please select a box no..",
        },
        submitHandler: function (form) {
            $.ajax({
                type: "POST",
                url: "try.php",
                data: $('#form6').serialize(),
                cache: false,

                success: function (html) {

                    var div1 = $(html).filter('#div1');

                    loading_hide();
                    $("#container").html(div1);
                }
            });
        }
    });

});

ボタンをクリックしても何も起こりません。

何か案が？ありがとうございました。

4

2 に答える 2

4

HTML コード クライアント側の index.html ファイルで

<!doctype html>
<html>
    <head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>

    function myCall() {
        var request = $.ajax({
            url: "ajax.php",
            type: "GET",            
            dataType: "html"
        });

        request.done(function(msg) {
            $("#mybox").html(msg);          
        });

        request.fail(function(jqXHR, textStatus) {
            alert( "Request failed: " + textStatus );
        });
    }
</script>
        <meta charset="utf-8" />
        <title>My jQuery Ajax test</title>
        <style type="text/css">
            #mybox {
                width: 300px;
                height: 250px;
                border: 1px solid #999;
            }
        </style>
    </head>
    <body>
        The following div will be updated after the call:<br />
        <div id="mybox">

        </div>
        <input type="button" value="Update" />

    </body>
</html>

サーバー側 ajax.php ファイル

<?php
echo '<p>Hi I am some random ' . rand() .' output from the server.</p>';

?>
于 2013-05-20T12:26:13.430 に答える
2

検証プラグインの はネイティブの送信を置き換えます。submitHandlerタイプの入力buttonはフォームを送信せず、 をトリガーするsumbitHandlerため、これを変更します。

<INPUT type="button" class="form6form" id="newsubmit" name="newsubmit" value="Submit">

に：

<input type="submit" class="form6form" id="newsubmit" name="newsubmit" value="Submit">

そして、クリック ハンドラーの外側で検証を初期化します。

于 2013-05-20T10:17:35.457 に答える