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

validate 插件中的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 回答