似梦似醒

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::

以jquery ajax 的post的方式为例

验证邮箱输入格式是否正确

html 

    <div class="fl">
        <input  type="email" id="email" name="email" value="{{$data -> email}}">
           <span id="pass1" style="display:none;">邮箱格式不正确</span> 
           <span id="pass2" style="display:none;">邮箱格式正确</span>
    </div>

jquery

复制代码
 //email判断
     $("input[name='email']").on('blur',function()
    {
        $.post('/user/email',{'_token':'{{csrf_token()}}','email':$("#email").val()},function(data) //第二个参数要传token的值 再传参数要用逗号隔开
        {
            if(data == 2)
            {
                $("#pass1").css("display","block");
                $("input[name='email']").on('focus',function(){
                     $("#pass1").css("display","none");
                });
            }else if(data == 1){
                $("#pass2").css("display","block");
                 $("input[name='email']").on('focus',function(){
                     $("#pass2").css("display","none");
                });
            }
        });
    });
复制代码

route 路由

Route::post('/user/email','Home\CenterController@email');

控制器

复制代码
//ajax
    // 判断邮箱
    public function email()
    {
        $eamil = $_POST['email'];
        $patten = '/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/';
        preg_match($patten,$eamil,$match);
        if($match)
        {
            echo 1;
        }else{
            echo 2;
        }
    }
复制代码

一些bug的处理办法 

响应状态码为500时  可以看响应的报错  通过报错来调bug

posted on 2019-06-21 11:34  人生如梦,梦如人生  阅读(1482)  评论(0编辑  收藏  举报