我目前正在处理这个小型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 }
非常感谢您的进步。
答案 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检测用户正在使用的浏览器,并创建一个条件,说明他们是否在IE7中,执行此操作 _ __ _ __ _ __ 等等。如果您当前的问题与html / css相关,那么制作ie7补丁通常非常简单。
(如果你想知道'为什么IE7?'节省时间并停止。浏览器因引发开发人员问题而臭名昭着,特别是使用jQuery。可能不是你的错,而是浏览器。)
答案 2 :(得分:0)
嘿,我认为唯一的问题是
Problem at line 62 character 33: Extra comma.
email: email,
还尝试使用JSLINT检查代码是否存在错误。 IE非常特定于这些错误。