我正在尝试使用javascript验证电子邮件但由于某种原因它无效。
问题:当我输入 VALID 电子邮件地址时,它仍会提示我的地址 有错误 ...
我在这里缺少什么?
这是代码:
$(document).ready(function(){
$('.info').hide();
$('#button').click(function(){
var name = encodeURIComponent($('#name').val());
var email = encodeURIComponent($('#email').val());
var message = encodeURIComponent($('#message').val());
var reg = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
//if name is empty
if($('#name').val() == 0){
$('.info').html('<p style="font-weight:bold;text-align:center;font-size:20px;"> Molimo unesite Vaše ime!</p>').fadeIn(1000);
}
//if name is less than three characters
else if(name.length < 3){
$('.info').html('<p style="font-weight:bold;text-align:center;font-size:20px;"> Molimo unesite ime duže od tri slova!</p>').fadeIn(1000);
}
// if email is empty
if ($('#email').val() == 0){
$('.info').html('<p style="font-weight:bold;text-align:center;font-size:20px;"> Molimo unesite Email!</p>').fadeIn(1000);
}
// if email AND name are empty
if($('#email').val() == 0 && $('#name').val() == 0 ){
$('.info').html('<p style="font-weight:bold;text-align:center;font-size:20px;"> Molimo unesite Email!<br/>Molimo unesite ime!</p>').fadeIn(1000);
}
//if mail adress is NOT valid
if(reg.test(email)==false){
//alert('please enter valid mail!');
$('.info').html('<p style="font-weight:bold;text-align:center;font-size:20px;">Molimo unesite ispravan Mail!</p>').fadeIn(1000);
}
//if mail adress IS VALID (this is not working...)
if($('#name')!= '' && reg.test(email) !=false ){
//alert(data);
var data = 'name=' + name + '&email=' + email + '&message=' + message;
$.ajax({
type:"POST",
url:'kontakt2.php',
cache:'false',//IE FIX
data: data,
success: function(){
//alert('THX for your mail!');
} //end sucess
});
} //end if statment for VALID mail
//return false prevent Redirection
return false;
});
});
答案 0 :(得分:2)
行
if($('#name')!= '' && reg.test(email) !=false )
应该是
if($('#name').val()!= '' && reg.test(email) !=false )
(或只是if (name != '' && reg.test(email) != false )
)
答案 1 :(得分:0)
在此语句中,您正在检查输入值是否为0.这不是检查空字段的方法:
if ( $('#name').val() == 0 )
稍微好一点的方法是:
if ( !$('#name').val() )
答案 2 :(得分:0)
我已设法通过修改此代码来解决此问题:
if($('#name').val()!= '' && reg.test(email) !=false )
进入这个:
if(reg.test($('#email').val()) && $('#name').val()!='')
我很确定 reg.test(email)部分上面的代码无效,因为 encodeURIComponent 。感谢Rodolfo和Pointy你的答案:)