Javascript 通过codeigniter中的html onblur验证用户名

Javascript 通过codeigniter中的html onblur验证用户名,javascript,php,jquery,codeigniter,codeigniter-3,Javascript,Php,Jquery,Codeigniter,Codeigniter 3,我在Codeigniter中有一个注册页面。当他们键入用户名并退出其输入对象(onblur事件)时,我想检查用户名是否存在。 这意味着,当用户键入用户名时,以及在输入字段失去焦点时,我想检查用户名是否存在? 我怎么能检查它? 我在下面分享我的部分代码: 我的模型(返回True或False): 我的看法是: <div> First Name : <input type="text" id="edtFirstName" class="MyInputs"> &l

我在Codeigniter中有一个注册页面。当他们键入用户名并退出其输入对象(onblur事件)时,我想检查用户名是否存在。 这意味着,当用户键入用户名时,以及在输入字段失去焦点时,我想检查用户名是否存在? 我怎么能检查它? 我在下面分享我的部分代码: 我的模型(返回True或False):

我的看法是:

<div>
    First Name : <input type="text" id="edtFirstName" class="MyInputs">
    <br>
    Last Name : <input type="text" id="edtLastName" class="MyInputs">
    <br>
    Username : <input type="text" id="edtUserName" class="MyInputs">
    <br>
    Password : <input type="password" id="edtPassword" class="MyInputs">
</div>
请引导我。
谢谢

您可以使用AJAX函数检查
edtuname
字段的更改

$(document).ready(function(){
    var $username_field = $('#edtUserName');

    $username_field.on('keyup', function(){
        check_username($(this).val());
    });

    $username_field.on('blur', function(){
        check_username($(this).val());
    });

});

function check_username(value)
{
    $.post('site/username_exits', {edtUserName : value}, function(response) {
        if (response.exists) {
            // perform what is necessary when the username exists
        }
    }, "json");
}
在控制器中,您将添加:

public function username_exits()
{
    if($this->input->is_ajax_request()) 
    {
        // load model first
        $this->load->model(<MODEL-NAME>);
        $exists = $this-><MODEL-NAME>->Check_UserName_Validate($this->input->post('edtUserName'));
        echo json_encode(array('exists' => $exists));
    }
    else 
    {
        show_404();
    }
}

您可以使用AJAX函数检查
edtUserName
字段的更改

$(document).ready(function(){
    var $username_field = $('#edtUserName');

    $username_field.on('keyup', function(){
        check_username($(this).val());
    });

    $username_field.on('blur', function(){
        check_username($(this).val());
    });

});

function check_username(value)
{
    $.post('site/username_exits', {edtUserName : value}, function(response) {
        if (response.exists) {
            // perform what is necessary when the username exists
        }
    }, "json");
}
在控制器中,您将添加:

public function username_exits()
{
    if($this->input->is_ajax_request()) 
    {
        // load model first
        $this->load->model(<MODEL-NAME>);
        $exists = $this-><MODEL-NAME>->Check_UserName_Validate($this->input->post('edtUserName'));
        echo json_encode(array('exists' => $exists));
    }
    else 
    {
        show_404();
    }
}

对于检查重复结果,您可以使用简单的表单验证是唯一的方法-

$this->form_validation->set_rules('email', 'Email', 'required|valid_email|is_unique[users.email]');
其中,is_unique是一种方法,users是一个表名,email是数据库表中的列名,使用它可以检查唯一性


对于检查重复结果,您可以使用简单的表单验证是唯一的方法-

$this->form_validation->set_rules('email', 'Email', 'required|valid_email|is_unique[users.email]');
其中,is_unique是一种方法,users是一个表名,email是数据库表中的列名,使用它可以检查唯一性


是否检查用户的用户名?您的意思是,当用户键入用户名时,以及在输入字段失去焦点时,您想检查用户名是否存在?检查用户的用户名?您的意思是,当用户键入用户名时,以及在输入字段失去焦点时,您想检查用户名是否存在?