Question

我正在尝试验证表单中的字段然后触发一个函数来使用Ajax提交表单，验证工作得很好，但是ajax根本不工作

你可以帮我解决一下问题吗

$(function() {
            $.validator.addMethod("urlRegex", function(value, element) {
        return this.optional(element) ||regex here .test(value);
    }, "this should be url.");

             $("#songvalid").validate({
      rules:
      {
            song: 
            {
            required: true,
            urlRegex: true
            }
       },

       messages:
       {
            song: 
            {
            urlRegex:"من فضلك أدخل حروف وأرقام فقط"
        }

       },
       submitHandler: function(form){

                $("#error").fadeOut();
                $("#song-btn").html('<img src="btn-ajax-loader.gif" /> &nbsp; انتظر لحظات ...', );


        $.ajax({
            url: 'song_process.php',
            type: this.method,
            data: $(this).serialize(),
            success: function(responsd) {

                if(responsd=="song"){
                        $("#song-btn").html('&nbsp; تم الإرسال');
                    }
                    else{

                        $("#error").fadeIn(1000, function(){                        
                $("#error").html('<div class="alert alert-danger"> <span class="glyphicon glyphicon-info-sign"></span> &nbsp; '+responsd+' !%</div>');
                                    });
                    }
            }
        });

        return false;

       } 
       });  

});

Answer 1

我找到了答案！

我改变了这个：

type: this.method,
data: $(this).serialize(),

到此：

type: 'POST',
data: $("#formName").serialize(),

Jquery验证正在运行，但未提交ajax

1 个答案: