jQuery提交验证帖子

Question

当用户点击“提交”时，我使用标准的 jQuery 验证插件来验证表单。

验证表单后，我希望它将数据发布到数据库并显示“成功”消息。

验证部分工作正常，但我无法让我的两个命令发生。我确定我遗漏了一些明显的东西。

这是我的代码：

<script type="text/javascript">

$("#formname").validate({
        submitHandler: function (form) {

            $.post('https://www.custom.api.url.com', $(this).serialize(), function () {
                    success.show();
                    $('input[type=text]').val('');

                }
            });

</script>

好的，拿两个。这个也不行：

<script type="text/javascript">

$(document).ready(function(){
                  var success = $('.success');

                           $("#formname").validate( {
                           submitHandler: function(form) {

                           $.post('https://www.custom.api', $(this).serialize(), function(){
                           success.show(); $('input[type=text]').val('');                


                                  });
                             });
                  });

</script>

Answer 1

这是您的有效代码。看起来这也是你的主要问题，无效的语法。

<script type="text/javascript">
$(document).ready(function(){
    $("#formname").validate({
        submitHandler: function(form) {
            $.post('https://www.custom.api.url.com', $(form).serialize(), function () {
                success.show(); //Undefined
                $('input[type=text]').val('');
            });
        }
    });
});
</script>

$(this).serialize() 也必须替换为$(form).serialize()。

那么另外success 是未定义的，所以会有另一个错误。但我不确定success 到底应该是什么。

您应该使用浏览器控制台来获取有关 javascript 错误的通知。要验证您的 javascript，您还可以使用 jsHint。