0

我目前正在处理这个小型 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                    }

非常感谢您。

4

3 回答 3

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

应该

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

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

于 2012-08-22T13:54:19.570 回答
0

假设你的代码没有错误,你总是可以为 IE7 做一个硬编码的解决方法。

jQuery浏览器检测

用户jQuery来检测用户正在使用什么浏览器,并创建一个条件来说明他们是否在 IE7 中执行操作制作一个ie7补丁。

(如果您想知道“为什么要使用 IE7?”,请节省时间并停下来。浏览器因引起开发人员问题而臭名昭著,尤其是 jQuery。这可能不是您的错,而是浏览器的问题。)

于 2012-08-20T19:39:52.097 回答
0

嘿,我认为唯一的问题是

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

还尝试使用 JSLINT 检查您的代码是否有错误。IE 对这些错误非常有针对性。

于 2012-08-20T19:52:01.987 回答