我尝试在我的Code Igniter网站中添加一个ajax检查用户名工具...我无法加载ajax 因为它似乎没有被加载...下面是代码..
P.S我一直关注(http://tutsforweb.blogspot.co.uk/2012/05/jquery-ajax-form-validation-in.html)教程
以下是我的观点: profile.php
<?php echo validation_errors('<p class="error">'); ?>
<?php echo form_open("user"); ?>
<p>
<label for="user_name">User Name:</label>
<input type="text" id="user_name" name="user_name" value="<?php echo set_value('user_name'); ?>" /><span id="usr_verify" class="verify"></span>
</p>
<?php echo form_close(); ?>
下面是我的控制器: user.php的
<?php
class User extends CI_Controller {
function User(){
parent::__construct();
is_logged_in();
}
public function check_user()
{
$usr=$this->input->post('name');
$result=$this->user_model->check_user_exist($usr);
if($result)
{
echo "false";
}
else{
echo "true";
}
}
}
?>
下面是我的模特 user_model.php
<?php
class User_model extends Ci_model{
public function check_user_exist($usr)
{
$this->db->where("username",$usr);
$query=$this->db->get("lypft_user");
if($query->num_rows()>0)
{
return true;
}
else
{
return false;
}
}
}
?>
这是AJAX代码:
<script type="text/javascript">
$(document).ready(function(){
$("#user_name").keyup(function(){
if($("#user_name").val().length >= 4)
{
$.ajax({
type: "POST",
url: "<?php echo base_url();?>user/check_user",
data: "name="+$("#user_name").val(),
success: function(msg){
if(msg=="true")
{
$("#usr_verify").css({ "background-image": "url('<?php echo base_url();?>img/yes.png')" });
}
else
{
$("#usr_verify").css({ "background-image": "url('<?php echo base_url();?>img/no.png')" });
}
}
});
}
else
{
$("#usr_verify").css({ "background-image": "none" });
}
});
});
</script>