CI 异步验证

转载于 2014-08-25 23:33:00 发布 · 73 阅读

文章标签：

本文介绍了一个使用jQuery实现的邮箱输入框焦点变化时的UI交互逻辑，并通过AJAX进行异步验证邮箱是否已存在。具体包括：1) 当输入框获得焦点且为空时显示提示信息；2) 失去焦点时移除提示并发起后台验证。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 1          $("#em").bind({
 2              focus:function(){
 3                  var val=$(this).val();
 4                  if(val==""){
 5                      
 6                      $("#em_dl").addClass('focus');
 7                  }else{
 8                      
 9                      $("#em_dl").removeClass('focus');
10                  }
11             },
12             blur:function(){
13                 var val=$(this).val();
14                     if(val==""){
15                      $("#em_dl").addClass('focus');
16                  }else{
17                      
18                      $("#em_dl").removeClass('focus');
19                  }
20                     /*****异步验证*****/
21                     //提交路径
22                     var url="<?php echo site_url('home/login/login_check_name'); ?>";
23                     //post提交
24                     $.post(url,{em:val},function(data){
25                         alert(data);
26                         //判读状态
27                         if(data>0){
28                             alert('11');
29                         }else{
30                             alert('no');
31                         }
32                     }); 
33              }
34          });

1     #检查邮箱是否存在
2     public function login_check_name(){
3         echo "1";
4 
5         //$em=$this->input->post('em');
6         //p($em);die;
7         //$data=$this->login->login_check_name($email);
8     }