Internet Explorer中的AJAX表单提交问题

时间:2012-02-01 02:38:58

标签: ajax internet-explorer jquery

由于某些原因,the newsletter sign-up form bar I'm creating在IE中无法正常工作。事实上,它根本不起作用。如果您访问Chrome或Firefox中的下方链接,它的工作方式应该如此,但在任何版本的IE中都没有。

任何人都有任何线索可以解决这个问题吗?

以下是代码,总结如下:

$(function() {
    $('#name').textboxhint({
        hint: 'First Name'  
    });
    $('#email').textboxhint({
        hint: 'Email Address'   
    });
    $("#submitButton").click(function() {  
        // VALIDATE AND PROCESS FORM
        var name = $("#name").val();
        var email = $("#email").val();
        var dataString = 'name='+ name + '&email=' + email;
        // HANDLE DATA: SHOW ERROR IF FIELDS ARE BLANK
        if (name=='' || name=='First Name' ){           
            $('.errorIconName').show();
            return false;
        }
        if (email=='' || email=='Email Address'){   
            $('.errorIconEmail').show();
            return false;
        }
        else {          
            $.ajax({
            type: "POST",
            url: "#",
            data: dataString,
            success: function(){
                $('#signupWidget').fadeOut(400).hide();
                $('#thankyouText').fadeIn(700).show();
                $('.errorIcon').fadeOut(200).hide();
                $('#signupWrap').delay(3000).fadeOut(800);
                }       
            });
        }
        return false;
    });  
});

和...

<form action="" method="post">
    <span id="sprytextfield1" class="pr20">
        <input name="name" id="name" type="text"/>
        <div class="errorIconName" style="display:none"></div>
    </span>
    <span id="sprytextfield2" class="pr20">
        <input name="email" id="email" type="text"/>
        <div class="errorIconEmail" style="display:none"></div>
    </span>
    <span>
         <input type="submit" name="widgetButton" id="submitButton" value="SUBMIT"/>                
    </span>                
</form>

0 个答案:

没有答案