My SMM panel
 
 
 
 
 
 

58 rindas
1.8 KiB

  1. <template>
  2. <form v-on:submit="register" id="register-form" class="login" action="">
  3. <h3>Registration</h3>
  4. <div>
  5. <label for='sender_name'>Name</label>
  6. <input id='register-name' required type='name' name='sender_name' placeholder=''
  7. spellcheck='false'>
  8. </div>
  9. <div>
  10. <label for='sender_email'>Email</label>
  11. <input id='register-email' required type='email' name='sender_email' placeholder=''
  12. spellcheck='false'>
  13. </div>
  14. <div>
  15. <label for='sender_password'>Password</label>
  16. <input id='register-password' required type='password' name='sender_password'
  17. placeholder='' spellcheck='false'>
  18. </div>
  19. <div>
  20. <label for='sender_password'>Confirm Password</label>
  21. <input id='confirm-password' required type='password'
  22. name='sender_password' placeholder='' spellcheck='false'>
  23. </div>
  24. <button class="submit-btn" type="submit">Submit</button>
  25. <div v-on:click="closeArea" class="cancel-button"></div>
  26. </form>
  27. </template>
  28. <script>
  29. function register(event) {
  30. fetch("/register", {
  31. method: 'POST',
  32. headers: {'Content-Type': 'application/json',
  33. 'X-XSRF-TOKEN': window.token},
  34. body: JSON.stringify({"name": document.getElementById("register-name").value,
  35. "email": document.getElementById("register-email").value,
  36. "password": document.getElementById("register-password").value}),
  37. "password_confirmation": document.getElementById("confirm-password").value})
  38. .then(response => {
  39. console.log(response.json())
  40. console.log(response.ok)
  41. console.log(response.message)
  42. });
  43. event.preventDefault();
  44. }
  45. /* document.getElementById('register-form').addEventListener('submit', register) */
  46. /* document.getElementById('register-form').addEventListener('submit', register) */
  47. module.exports = {
  48. methods: {
  49. register,
  50. closeArea() {
  51. document.querySelector(".register-area").classList.remove("active")
  52. }
  53. }
  54. }
  55. </script>