login.blade.php 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>头脑风暴 - 登陆</title>
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  9. <meta name="csrf-token" content="{{ csrf_token() }}">
  10. {!!Html::style('plugins/layui/css/layui.css')!!}
  11. </head>
  12. <body>
  13. <form class="layui-form" action="" style="margin: 250px auto;width: 400px;">
  14. <div class="layui-form-item">
  15. <label class="layui-form-label">输入名字</label>
  16. <div class="layui-input-block">
  17. <input type="text" name="username" required lay-verify="required" placeholder="输入名字" autocomplete="off" class="layui-input">
  18. </div>
  19. </div>
  20. <div class="layui-form-item">
  21. <div class="layui-input-block">
  22. <button class="layui-btn" lay-submit lay-filter="formDemo">登陆</button>
  23. </div>
  24. </div>
  25. </form>
  26. {!!Html::script('plugins/layui/layui.js')!!}
  27. <script>
  28. layui.use(['form','jquery'], function(){
  29. var form = layui.form;
  30. var $ = layui.$;
  31. $.ajaxSetup({
  32. headers: {
  33. 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
  34. }
  35. });
  36. //监听提交
  37. form.on('submit(formDemo)', function(data){
  38. layer.msg(JSON.stringify(data.field));
  39. var url = "/Home/User/Login";
  40. $.post(url,data.field,function(responsedata){
  41. layer.msg(responsedata.msg, {
  42. time: 1000 //2秒关闭(如果不配置,默认是3秒)
  43. }, function(){
  44. layer.msg("跳转中...", {
  45. time: 1000 //2秒关闭(如果不配置,默认是3秒)
  46. });
  47. window.location.href = '/Home/User/Index';
  48. });
  49. },'json');
  50. return false;
  51. });
  52. });
  53. </script>
  54. </body>
  55. </html>