0

GET メソッドを使用して ajax 経由でフォームを送信しようとしています。FF、CHROME、および IE7 と IE8 を除く他のブラウザで正常に動作します。jQuery 1.6 を使用しており、jQuery Validation Plugin 1.10.0を使用してフォームを検証しています。

フォームは検証されていますが、送信しようとすると、AJAX ではなくページが更新されます。コンソールにエラーが表示されない

Heres私の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 の右側のサイドバーにあるフォームに入力します。

私は何か間違ったことをしていますか？または、検証プラグインがこの問題を引き起こしていますか。

4

1 に答える 1

0

フォーム コントロールの検証に Jquery 検証プラグイン 1.10.0 を使用したときに、IE7 で同じ問題が発生しました。name 属性は、もはや機能するために必要ではありません。

JQuery プラグインの検証

もう 1 つの重要なことは、フォームと送信ボタンだけでなく、検証する要素にもIDと名前を指定する必要があることです。FFとChromeはこれらがなくても動作しますが、IEは動作しません。

タブアウトの検証は名前がなくても機能しますが、フォーム送信の検証は機能しません。

于 2012-10-16T06:33:54.863 に答える