用户注册时，Yii利用AJAX页面实时提示用户名已经存在

在用户注册网站时候，有的网站会实时告诉你，这个用户名已经注册过了。自己之前用的Yii的save（）函数在表单提交的时候才验证，然后表单又要在填写一遍，觉得很繁琐。如果实时提醒，应该可以增加用户的体验度。
查询了使用的方式

在View视图页面使用JS

1、元素id = “Model_name”的文本框设置监听，利用onkeyup函数，就是文本框值一旦发生变化就进行操作
2、获取当前的值，然后使用ajax请求有关控制器下的函数进行处理打开
3、根据函数查询数据表的结果，如果存在则提示用户用户名已经注册了，如果不存在，则显示用户名可以注册，这里是一个绿色的钩
4、页面有个地方放置上述信息
完成

document.getElementById("Model_name").onkeyup = function(){
           if($(this).val()){
               $.ajax({  
                   url:"/Model/Controller",   
                   type : "POST",  
                   data : { "name" : $(this).val(),       
                               "check" : "checkName",
                           }, 
                   dataType : "json",                             
                   async : true,  
                   success : function(mydata) {
                       var obj = eval(mydata);
                       if(obj.exist){//名字存在，告知不可以
                           $("#nameExist").html(obj.exist); //显示后端传递的结果
                       }else if(obj.notExist){//名字不存在，显示绿色的钩
                           var success = \'<img  style ="max-width: 5%" src="teamSuccess.jpg"  border="10px"/>\';

                           $("#nameExist").html(success); //显示后端传递的结果
                       }
                   },  
                   error : function() {  
                           alert("calc failed");  
                   }  
               });
           }


//view html
<input style="width:150px;" placeholder="请输入用户名称" name="TrTeam[name]" id="TrTeam_name" maxlength="12" type="text">                                                                        
                                        &emsp;<span id="nameNull" style="display:none;" ><font style="color:red;">请填写团队名称</font></span>
                                        <span id="nameExist" style="color:red;"></span>   

这里主要用的是js的函数onkeyup然后将获取的值用ajax的方式传递，表示这样很友好~~~

Controller中处理AJAX的有关信息

$teamName = $_POST["name"];
            $model = Model::model();
            $info = $model->findAllByAttributes(array('name'=>$name));
            if($_POST["check"] == "checkName"){//创建时的名称检查，检查是否重名
                if(!empty($info)){
                    $responce = array('exist'=>'用户名已存在，请重新输入');                    
                }
                else{
                    $responce = array('notExist'=>'用户名称可注册');
                }       

效果展示