jQuery + Ajax预先验证


浏览者要想注册成为会员,必须要填写一个表单。第一项内容是要填写一个邮箱。如果他以前已经注册过,那么系统会提醒他“此邮箱已经在本站注册,请找回密码”。

这个提醒最好能在他刚刚完成输入的时间就完成,而不是等到他写下其它的信息,并按下提交按钮。这时候,就需要使用AJAX,由于我们使用了jQuery,所以,就要在这个框架下解决“预验证”的问题。

这个看似简单的问题,我竟然花费了两天的时间,看来功力尚浅。现在,总结一下。

 

1)HTML标签

<input id='email' name='email' >请输入邮箱地址

 

2)jQuery代码

<script>

     $.document.ready(function(){

          $.("#email").change(function(e)){         

        var email=$j("#email").val();
        e.preventDefault();
            $j.ajax({
                method: "POST",
                async: false,
                url: "/R/check/",
                dataType: "text",
              data:{ email:email }

            })
              .success(function(response) {
                  if(response=="1")
                  {
                            alert('此邮箱已经在本站注册,请找回密码!');
                            $j("#email").val("");
                    }
                    else
                    {
                            
                            $j("#emailid").addClass("has-success");

                            //这个是加了bootstrap的表单样式,在成功的时候,显示为绿色
                    }
        });

        });

    });

 

</script>

 

3)控制器中的动作

    public function checkAction()
  {

        $Member = new Member();   
                @$email = $this->_request->getPost('email');

                 $r = $Member->fetchRow("email='$email'");

                $this->_helper->viewRenderer->setNoRender();
                header('Content-type: text/plain');

                 //上面两句很重要,否则你得到的返回值将是整个网页
                            if($r)
                            {
                                    echo '1';
                                    
                            }
                            else
                            {
                                    echo '0';
                            }
        
    }

 

今天还看到说Google搞了一个MDL,跟bootstrap竞争。不过从界面上看,还是bootstrap好看。

 

  标签: 2015 

本文收录在文集:《装模作样随想录》中,其中收录了20篇文章

浏览文字目录    浏览时间轴图




本文作者:大别阿郎

原名张瑞旗,广州作家协会会员,出生在河南信阳光山县。1994年毕业于焦作矿业学院,2007年获澳大利亚西悉尼大学工商管理硕士学位。做过翻译、秘书、销售、程序员、网站前端……代表作品有长篇小说《神级宅男网管》《枪手》《猎猎红衫》《行辘》和非虚构作品《从大别山到修水河》《漫步在时光沙滩》《请与我同框》。根据自己同名长篇小说改编的电影剧本《行辘》于2018年获中国首届工业文学大奖赛推荐作品奖。

评论:


鼓励一下作者,发表感想!


本文集目录

关注雅朋



关于我们   |   使用答疑  |   内容标签  |   写作培训

粤ICP备17029205号-1

粤公网安备 44011302000080