【问题标题】:jQuery Validation Plugin 1.9.0 .. I want submit won't reload the page when it's validjQuery Validation Plugin 1.9.0 .. 我希望提交有效时不会重新加载页面
【发布时间】:2013-10-08 15:50:32
【问题描述】:
$("#da-ex-validate2").validate({
                rules: {
                    details: {
                        required: true,
                        rangelength: [1, 500]
                    },
                    editor1: {
                        required: true,
                        minlength: 1
                    },
                    title: {
                        required: true,
                        rangelength: [1, 100]
                    },
                    SlideDeckPhoto: {
                        required: "#iButton:checked",
                        accept: ['.jpeg', '.png', '.jpg', '.gif']
                    },
                    min1: {
                        required: true,
                        digits: true,
                        min: 5
                    },
                    max1: {
                        required: true,
                        digits: true,
                        max: 5
                    },                          
                    submitHandler: function(form) {
                        $(form).ajaxSubmit();
                    },
                    range1: {
                        required: true,
                        digits: true,
                        range: [5, 10]
                    }

                },
                invalidHandler: function (form, validator) {
                    var errors = validator.numberOfInvalids();
                    if (errors) {
                        var message = errors == 1
                        ? 'You missed 1 field. It has been highlighted'
                        : 'You missed ' + errors + ' fields. They have been highlighted';
                        $("#da-ex-val2-error").html(message).show();
                    } else {
                        $("#da-ex-val2-error").hide(); // it's not work !!! and the page is reload !!
                    }
                }
            });

我还想在不重新加载页面的情况下将表单值保存到 MySql。 请帮忙 !我读了很多帖子,尝试了很多东西! 如果您输入代码,请告诉在哪里放置它.. 顺便说一句,我的表单输入字段很少,还有一个文件输入字段。 请帮忙!

【问题讨论】:

    标签: php jquery mysql ajax validation


    【解决方案1】:

    从提交处理程序返回 false

    submitHandler: function(form) {
        $(form).ajaxSubmit();
        return false;
    }
    

    【讨论】:

    • 有人可以帮忙吗?
    • 您的解决方案不起作用,因为如果我想使用它,我还需要 jQuery 表单插件。检查我的解决方案,它很简单!
    【解决方案2】:

    这是我的解决方案,放在 invalidHandler 之后:

                submitHandler: function(form) {
                    var dataString = $('#YourFormID').serialize();
                    $.ajax({
                        type: 'POST',
                        url: 'yourpage.php',
                        data: dataString,
                        success:  function() {
                            $('#YourErrorDivID').hide();
                            $('#YourSuccessDivID').html("Your Message").show();
                        }
                    });
                }
    

    【讨论】:

      猜你喜欢
      • 2014-09-20
      • 1970-01-01
      • 1970-01-01
      • 2013-10-14
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-04-16
      相关资源
      最近更新 更多