在使用PHP CodeIgniter和JQuery访问提交按钮之前检查用户名是否存在

时间:2013-09-13 18:45:31

标签: javascript php jquery ajax codeigniter

我试图在使用CodeIgniter点击提交按钮之前检查用户名是否存在。这是我视图中的Javascript。

<script type="text/javascript" src="../assets/js/jquery.min.js"></script>
<script type="text/javascript"><!--\
$(document).ready(function(){
$('#username').keyup(username_check);
});

function username_check(){  
var username = $('#username').val();
if(username == "" || username.length < 4){
$('#username').css('border', '3px #CCC solid');
$('#tick').hide();
}else{

jQuery.ajax({
   type: "POST",
   url: "addpatient/insert",
   data: 'username='+ username,
   cache: false,
   success: function(response){
if(response == 1){
    $('#username').css('border', '3px #C33 solid'); 
    $('#tick').hide();
    $('#cross').fadeIn();
    }else{
    $('#username').css('border', '3px #090 solid');
    $('#cross').hide();
    $('#tick').fadeIn();
         }

}
});
}



}

</script>


以下是表格的一部分:

<form method="post" action="addpatient/insert">
        <table id='addpatient'>
            <tr>    
                <td width=100> Username:
                <td width=150>  <input type='text' id='username' name='username'>
            </tr> .....


这是控制器的一部分(函数insert

$patient['username'] = strtolower($this->input->post('username'));
$response = $this->user->check_username($patient['username']); 


这是模型中的一个功能:

function check_username_availability($username){
    $query = $this->db->query("SELECT username FROM users WHERE username = '".$username."'");
    $this->db->limit(1);
    $num = $query->num_rows();

    return $num;

 }


每当我尝试它时结果总是有效的,即使数据库中已经存在这样的用户名。我认为我的问题出在javascript的type: "POST"中。怎么能把获取的行数(在model中获取)获取到javascript?我只是模仿了我的代码here。请帮我做这个工作。我是使用CodeIgniter框架的新手。谢谢!



修改

$(document).ready(function(){
$('#username').keyup(username_check);
});

function username_check(){  
var username = $('#username').val();
if(username == "" || username.length < 4){
$('#username').css('border', '3px #CCC solid');
$('#tick').hide();
}else{

var url = 'addpatient/insert';
var data = {username:'username'};
$.post(url, data, function(result){
   console.log(result);
  function(response){
if(response == 1){
    $('#username').css('border', '3px #C33 solid'); 
    $('#tick').hide();
    $('#cross').fadeIn();
    }else{
    $('#username').css('border', '3px #090 solid');
    $('#cross').hide();
    $('#tick').fadeIn();
         }

}
}
});
}



}

3 个答案:

答案 0 :(得分:0)

假设您的php代码返回正确的值... 在成功回调中修剪结果或返回json。

if($.trim(response) == 1)

答案 1 :(得分:0)

试试这个

function check_username_availability($username){
    $query = $this->db->query("SELECT username FROM users WHERE username = '".$username."'");
    $this->db->limit(1);
    $num = $query->num_rows();

    echo $num; //echo the value instead return

 }

答案 2 :(得分:0)

我认为你的ajax电话是问题所在。您要发布的数据应该是一个对象。尝试在jquery中执行此操作。它更容易:

var url = 'addpatient/insert';
var data = {username:'username'};
$.post(url, data, function(result){
   console.log(result);
   ..your success function..
});