javascript函数总是返回false

时间:2015-06-14 20:09:30

标签: javascript php jquery ajax

我正在尝试使用jquery,ajax和php验证html表单。我在jquery中编写了这个函数,它使用ajax post请求检查用户名的可用性。但是,问题是它总是返回false。我是jquery和javascript的新手。我已经尝试了很多,但我无法弄清楚问题。请帮忙。

function isvalid_username()
{
var username=$('#username').val();
var option=false;
        if(username == "")
        {
            $('#username').removeClass('valid').addClass('invalid');
            $('#username_feedback').addClass('error').html("Please choose a username!!");
            option=false;
        }
        else if(username.length < 4)
        {
            $('#username').removeClass('valid').addClass('invalid');
            $('#username_feedback').addClass('error').html("Your username must be atleast 4 characters.");
            option=false;
        }
        else
        {
            $.post('php/check_username_avail.php',{ username : username },function(data){

                if(data == "false")
                {

                    $('#username').removeClass('valid').addClass('invalid');
                    $('#username_feedback').addClass('error').html("Sorry! That username is already taken. Try a different one.");
                    option= false;
                }
                else if(data == "true")
                {
                    $('#username').removeClass('invalid').addClass('valid');
                    $('#username_feedback').html("");
                    alert('Now it should return true');
                     option=true;
                }
                else
                {
                    $('#username').removeClass('valid').addClass('invalid');
                    $('#username_feedback').addClass('error').html(data);
                    option=false;
                }
            }).error(function(){
                alert("An error occurred. Unable to validate username");
            });
        }
        return option;
}

编辑:我看过other post。但我仍然没有找到验证表单的方法。我想在我的代码中使用这个提交处理函数:

$('#signup_form').submit(function(event)
{
  if(isvalid_first_name() && isvalid_username() && isvalid_email() && isvalid_password())
  {
    alert('Submitting the form');
  }
  else
  {
   event.preventDefault();
   $('#submit_feedback').html("Please correct the above problems first");
  }

});

如果不能这样做,那么我应该使用哪种其他技术来验证客户端上的表单?

1 个答案:

答案 0 :(得分:0)

好吧,因为您没有等待AJAX​​立即完成并返回选项,这已经是假的。请尝试以下代码。

    function isvalid_username(){
      var username=$('#username').val();
      var option=false;
        if(username == "")
        {
            $('#username').removeClass('valid').addClass('invalid');
            $('#username_feedback').addClass('error').html("Please choose a username!!");
             return option;
        }
        else if(username.length < 4)
        {
            $('#username').removeClass('valid').addClass('invalid');
            $('#username_feedback').addClass('error').html("Your username must be atleast 4 characters.");
             return option;
        }
        else
        {
            $.post('php/check_username_avail.php',{ username : username },function(data){

                if(data == "false")
                {

                    $('#username').removeClass('valid').addClass('invalid');
                    $('#username_feedback').addClass('error').html("Sorry! That username is already taken. Try a different one.");
                     return option;
                }
                else if(data == "true")
                {
                    $('#username').removeClass('invalid').addClass('valid');
                    $('#username_feedback').html("");
                    alert('Now it should return true');
                    option=true;
                    return option;
                }
                else
                {
                    $('#username').removeClass('valid').addClass('invalid');
                    $('#username_feedback').addClass('error').html(data);
                     return option;
                }
            }).error(function(){
                alert("An error occurred. Unable to validate username");
            });
        }
}