1

私はjquery検証プラグインを使用してsubmitHandlerで送信する前にフォームを検証します..ajaxを使用してリクエストを送信する前にajaxリクエストを使用してフォームをajaxで投稿しますが、フォームにはイメージがあり、通常のファイル要素をシリアル化するのは非常に困難ですajaxリクエストとこのため、私はこのプラグインを使用しました http://www.malsup.com/jquery/form/

プラグインを使用した後、ajaxリクエストがまったく機能しない理由は、これが通常のajax呼び出しの最初の例である理由がわかりません。

$(document).ready(function(){
    $("#categoryForm").validate({
    submitHandler: function() {
            $.ajax({
                type:'POST', 
                url: 'actions/add-category.php', 
                data: $("#categoryForm").serialize(), 
                success: function(response) {
                     $('#status').html(response);
                    }
                });

        return false;
    }
    });
});

プラグインを使用した後のこれ

$(document).ready(function(){
        $("#categoryForm").validate({
        submitHandler: function() {
                $('#categoryForm').ajaxForm(function() {
                alert('the form was successfully processed');
            });

            return false;
        }
        });
    });

2つ目は機能していません

4

1 に答える 1

2

関数を逆にしてみてください。

jQuery('#form_id').ajaxForm({
    beforeSubmit: function() {
        jQuery("#form_id").validate({
            rules: {
                first_name: "required",
                last_name: "required"
            },
            messages: {
                first_name: "Required",
                last_name: "Required"
            }
        });
        return jQuery('#form_id').valid();
    },
    success: function(resp) {
        jQuery('#resp').html(resp).fadeIn('fast');
    }
});

投稿#respしたファイルから生成された HTML を受け取る ID はどこですか#form_id

于 2012-10-26T17:25:14.553 に答える