InsertCode.jsp 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2. pageEncoding="UTF-8"%>
  3. <!DOCTYPE html>
  4. <html>
  5. <head>
  6. <meta charset="EUC-KR">
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8. <link rel="stylesheet"
  9. href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
  10. integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
  11. crossorigin="anonymous">
  12. <title>사용자 인증</title>
  13. <style type="text/css">
  14. @font-face {
  15. font-family: NotoSansCJKkr-Medium;
  16. src: url('/resources/fonts/NotoSansCJKkr-Medium.otf');
  17. }
  18. @font-face {
  19. font-family: NotoSansCJKkr-Regular;
  20. src: url('/resources/fonts/NotoSansCJKkr-Regular.otf');
  21. }
  22. body {
  23. background-color: #e6e1da
  24. }
  25. @media screen and (min-width : 640px) { /* Styles */
  26. .head {
  27. width: 500px;
  28. margin: 0 auto;
  29. }
  30. .content {
  31. width: 500px;
  32. margin: 0 auto;
  33. }
  34. }
  35. .content_option {
  36. padding-left: 30px;
  37. padding-right: 30px;
  38. }
  39. input[type=text] {
  40. border-radius: 3rem;
  41. margin-bottom: 10px;
  42. height: 50px;
  43. }
  44. input::placeholder {
  45. color: #9e8d76;
  46. font-size: 20px;
  47. font-family: NotoSansCJKkr-Regular;
  48. }
  49. .button_option {
  50. height: 70px;
  51. border-radius: 3rem;
  52. margin-bottom: 10px;
  53. background-color: #9e8d76;
  54. color: #ffffff;
  55. font-size: 22px;
  56. }
  57. .title_option {
  58. font-family: NotoSansCJKkr-Medium;
  59. color: #000000;
  60. font-size: 16px;
  61. }
  62. .input_option {
  63. font-family: NotoSansCJKkr-Regular;
  64. color: #9e8d76;
  65. font-size: 20px;
  66. display: block;
  67. width: 100%;
  68. height: calc(1.5em + .75rem + 2px);
  69. padding: .375rem .75rem;
  70. font-weight: 400;
  71. line-height: 1.5;
  72. background-color: #fff;
  73. background-clip: padding-box;
  74. border: 1px solid #ced4da;
  75. border-radius: .25rem;
  76. transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  77. }
  78. img {
  79. width: 100%;
  80. }
  81. </style>
  82. </head>
  83. <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
  84. <script type="text/javascript" language="javascript">
  85. $(document).ready(function() {
  86. setInterval(function() {
  87. alert("시간이 만료되었습니다.");
  88. history.go(-1);
  89. }, 180000); // 3000ms(3초)가 경과하면 ozit_timer_test() 함수를 실행합니다.
  90. });
  91. function btnClickHandler() {
  92. var code = $("#code").val();
  93. if (code == "")
  94. alert("월패드에 표시된 인증번호를 입력하세요.");
  95. else {
  96. console.log(code);
  97. $.ajax({
  98. type : "GET",
  99. url : "/api/oauth2/validate",
  100. data : {
  101. code : code
  102. },
  103. success : function(data) {
  104. console.log(data);
  105. if (data == true) {
  106. //window.location.href = 'http://127.0.0.1:8003/api/oauth2/code/generate';
  107. window.location.href = 'https://telproxy.hdc-smart.com/api/oauth2/code/generate';
  108. //window.location.href = 'https://proxy.hdc-smart.com/api/oauth2/code/generate';
  109. //window.location.href = 'https://teldev.hdc-smart.com/api/oauth2/code/generate';
  110. } else {
  111. alert("인증 실패");
  112. }
  113. }
  114. });
  115. }
  116. }
  117. </script>
  118. <body>
  119. <div class="head">
  120. <img src="/resources/img/logo.png" />
  121. </div>
  122. <!-- <form method="post" action="validate"> -->
  123. <div class="content content_option">
  124. <label for="code" class ="title_option">• 인증번호</label>
  125. <input type="text" class="input_option"
  126. id="code" name="code" placeholder="월패드에 뜬 인증번호를 입력하세요." required>
  127. <input type="button" class="btn button_option btn-block"
  128. onClick="javascript:btnClickHandler();" value="인증하기" />
  129. </div>
  130. </body>
  131. </html>