我正在尝试使用 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;
}
每当我尝试它时,结果总是有效的,即使这样的用户名已经存在于数据库中。我认为我的问题type: "POST"
出在 javascript 中。以及它如何获取获取(在 中获取model
)到 javascript 的行数?我只是在这里敲打我的代码。请帮我完成这项工作。我是使用 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();
}
}
}
});
}
}