Javascript正则表达式无法正常工作

时间:2012-06-25 16:51:57

标签: javascript jquery ajax

我正在尝试使用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;
           });


           });

3 个答案:

答案 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你的答案:)