jQuery函数在IE7中不起作用

时间:2012-08-20 19:34:55

标签: javascript jquery internet-explorer internet-explorer-7

我目前正在处理这个小型AJAX新闻信注册表单,以允许用户订阅邮件列表。虽然这几乎适用于所有浏览器,但它不适用于IE7及更低版本。我想知道我的源代码是否有问题,或者只是在纯javascript中,这是另一种执行相同功能的方法吗?

以下是我的javascript:

$(document).ready(function(){
/* Form Appear Effect */
$('#exists').hide();
$("#formParts").hide();
$("#thanks").hide();
$("#wait").hide();

$('#exists').css({"visibility":"hidden"});


$('#email').click(function() {
    $('#formParts').slideDown();
});

/* AJAX Form Submission */
$('#submitButton').click(function () {
    //Reset Form
    $('.blogSignUp').css('border', '1px solid #E6E6E6');
    $('.blogSignUp').attr('enabled','true');

    // Extract Variable
    var firstName = $('#firstName').val();
    var lastName = $('#lastName').val();
    var email = $('#email').val();

    // Check for Blank Bields
    if (firstName == "" || lastName == "" || email == "") {
        if (email == "")
            $('#email').css('border', '1px solid #E42217');
        if (firstName == "")
            $('#firstName').css('border', '1px solid #E42217');
        if (lastName == "")
            $('#lastName').css('border', '1px solid #E42217');
        return false;
    } else {

        // Check Email
        if (echeck(email) == false) {
            $('#email').css('border', '1px solid #E42217');
            return false;
        } else {
            // Disable and Hide Forms for now...
            $('#formParts').slideUp ();
            $('#form').slideUp();
            $('#exists').fadeOut();

            // Show processing message...
            $("#wait").fadeIn();    

            var data = $('#signup').serialize();

            // Show processing message...
            $("#wait").fadeIn();

            $.ajax({
                type: 'POST',
                url: '../signup.php',
                data: {
                    action: 'signupFunction',
                    firstName: firstName,
                    lastName: lastName,
                    email: email,
                },
                error: function(MLHttpRequest, textStatus, errorThrown) {
                    alert(errorThrown);
                },
                success: function(result, status) {
                    //alert(result);
                    if (result == "Good") {
                        $("#exists").fadeOut();
                        $("#wait").fadeOut();
                        $("#thanks").fadeIn();
                    }
                    if (result == "Exists") {
                        $('.blogSignUp').css('border', '1px solid #E6E6E6');                    
                        $('#email').css('border', '1px solid #E42217');
                        $("#wait").fadeOut();
                        $("#exists").fadeIn();
                        $('#formParts').slideDown();
                        $('#form').slideDown();
                        return false;
                    }
                }
            });
        }
    }      
}); }); function echeck(str) {

    var at="@"
    var dot="."
    var lat=str.indexOf(at)
    var lstr=str.length
    var ldot=str.indexOf(dot)
    if (str.indexOf(at)==-1){
       return false
    }

    if (str.indexOf(at)==-1 || str.indexOf(at)==0 || str.indexOf(at)==lstr){
       return false
    }

    if (str.indexOf(dot)==-1 || str.indexOf(dot)==0 || str.indexOf(dot)==lstr){
        return false
    }

     if (str.indexOf(at,(lat+1))!=-1){
        return false
     }

     if (str.substring(lat-1,lat)==dot || str.substring(lat+1,lat+2)==dot){
        return false
     }

     if (str.indexOf(dot,(lat+2))==-1){
        return false
     }

     if (str.indexOf(" ")!=-1){
        return false
     }

     return true                    }

非常感谢您的进步。

3 个答案:

答案 0 :(得分:1)

data: {
                action: 'signupFunction',
                firstName: firstName,
                lastName: lastName,
                email: email,
            }

应该是

data: {
                action: 'signupFunction',
                firstName: firstName,
                lastName: lastName,
                email: email
            },

当逗号插入到数组的最后一个变量时,IE会中断,firefox不会。

答案 1 :(得分:0)

假设您的代码没有错误,您可以随时为IE7进行硬编码解决方案。

JQuery Browser Detection

用户jQuery检测用户正在使用的浏览器,并创建一个条件,说明他们是否在IE7中,执行此操作 _ __ _ __ _ __ 等等。如果您当前的问题与html / css相关,那么制作ie7补丁通常非常简单。

(如果你想知道'为什么IE7?'节省时间并停止。浏览器因引发开发人员问题而臭名昭着,特别是使用jQuery。可能不是你的错,而是浏览器。)

答案 2 :(得分:0)

嘿,我认为唯一的问题是

Problem at line 62 character 33: Extra comma.
email: email,

还尝试使用JSLINT检查代码是否存在错误。 IE非常特定于这些错误。