login.html 2.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. <!DOCTYPE html>
  2. <html xmlns:th="http://www.thymeleaf.org">
  3. <div th:replace="~{mobile/header :: header}"></div>
  4. <body>
  5. <section class="container">
  6. <div class="login">
  7. <img th:src="@{/assets/logo.png}">
  8. <h1 class="title">
  9. 苏州高新区企业创新发展平台
  10. </h1>
  11. <div class="login_form">
  12. <div class="form_item">
  13. <input type="text" name="username" placeholder="用户名:">
  14. </div>
  15. <div class="form_item">
  16. <input type="password" name="password" placeholder="密码:">
  17. </div>
  18. <div class="form-btn">
  19. <a onClick="login()" href="#"><button class="btn btn_yellow" >登录</button></a>
  20. </div>
  21. </div>
  22. <div class="login_forget">
  23. <span> <a href="/forget">忘记密码?</a> </span>
  24. </div>
  25. </div>
  26. </section>
  27. </body>
  28. <script>
  29. function login(){
  30. var usernameObj = $("input[name = 'username']");
  31. var passwordObj = $("input[name = 'password']");
  32. $.ajax({
  33. type: "POST",
  34. dataType: "json",
  35. url: pagePath+"/mobile/login",
  36. data: {
  37. "username":usernameObj.val(),
  38. "isMobile":true,
  39. "password":passwordObj.val(),
  40. "timestamp": new Date().getTime()
  41. },
  42. beforeSend: function () {
  43. if (usernameObj.val() == "") {
  44. sadMessage("请输入用户名!");
  45. usernameObj.focus();
  46. return false;
  47. }
  48. if (passwordObj.val() == "") {
  49. sadMessage("请输入密码!");
  50. passwordObj.focus();
  51. return false;
  52. }
  53. },
  54. success: function (result) {
  55. if (result.success) {
  56. smileMessage("登录成功");
  57. window.location.href = pagePath+"/mobile/home";
  58. } else {
  59. sadMessage(result.message);
  60. }
  61. },
  62. error: function () {
  63. sadMessage("系统错误!");
  64. //errorMessage('系统错误!');
  65. }
  66. });
  67. }
  68. </script>
  69. </html>