以jquery ajax 的post的方式爲例css
驗證郵箱輸入格式是否正確html
html jquery
<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>
jqueryajax
//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 路由post
Route::post('/user/email','Home\CenterController@email');
控制器spa
//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的處理辦法 code
響應狀態碼爲500時 能夠看響應的報錯 經過報錯來調bugcsrf