IE7和IE8中的jQuery AJAX刷新页面

时间:2012-10-16 05:42:04

标签: jquery ajax jquery-validate

我正在尝试使用GET方法通过ajax提交表单。它在FF,CHROME和除IE7和IE8之外的其他浏览器中工作正常。我正在使用jQuery 1.6,我正在使用jQuery Validation Plugin 1.10.0

验证表单

表单正在验证,但是当我尝试提交时,它会刷新页面而不是AJAX。在控制台中它没有显示任何错误

继承我的JS功能

function formSubmit(formID, displayMssgID) {
    jQuery(function($) {
        var qstring = $('#' + formID).serialize();
        jQuery.validator.addMethod("notEqual", function(value, element, param) {
              return this.optional(element) || value != param;
            }, "Please enter your name.");
        var val = $('#' + formID).validate( {
            rules : {
                Mobile : {
                    number : true,
                    minlength : 8
                },
                Name: {
                    required: true,
                    notEqual: "Name"
                }
            }
        }).form();
        if (val) {
            $('.overlayss').fadeIn();
            $('#prospectLoading').fadeIn();
            $('#prospectLoading').append('<div class="process_img"> Registering your Request ...<br />Please Wait ...</div> ');
            $.ajax( {
                url : "index.php",
                data : qstring,
                cache:false,
                success : function(data) {

//                  resetFormFields(formID);
                    if(formID == 'siteVisit'){
                        $('#cart ul').html('');
                    }

                    //$('#' + displayMssgID).html('');
                    $('#prospectLoading').html('');
                    $('#prospectLoading').append(data);
                    //$('#' + displayMssgID).append(data);                  
                    window.setTimeout(function() {
                        $('#prospectLoading').html('');
                        $('.overlayss').fadeOut();
                        $('#prospectLoading').fadeOut();
                    }, 4000);                   
                }
            });
        }
    });
}

您可以查看此链接http://www.silverline-group.com/projects/Bangalore-Properties.html

上的实际示例

填写IE7或IE8右侧边栏中的表格。

我做错了吗?或者是验证插件导致此问题。

1 个答案:

答案 0 :(得分:0)

当我使用Jquery验证插件1.10.0进行表单控件验证时,我在IE7中遇到了同样的问题。 它不再需要名称属性。

JQUERY PLUGIN VALIDATION

另一个重要的事项是,必须为要验证的元素以及表单和提交按钮指定 ID 名称。虽然 FF Chrome 没有这些, IE不会

标签输出验证在没有名称的情况下工作,但不提供表单提交验证。