Guest User

Untitled

a guest
Jan 20th, 2018
99
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.24 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3. <meta charset = "UTF-8"/>
  4. <title>WebTest</title>
  5. <script type = "text/javascript" src = "jquery-3.2.1.min.js"></script>
  6. <script type = "text/javascript" src = "script.js"></script>
  7. </head>
  8.  
  9. <body>
  10. <form id="ajax_form">
  11. <table>
  12. <tr>
  13. <td>
  14. <label for="name">Your name:</label></td>
  15. <td>
  16. <input type="text" name = "names" id="name" required/></td>
  17. </tr>
  18. <tr>
  19. <td>
  20. <label for="color">Your favourite color:</label></td>
  21. <td>
  22. <select id="color">
  23. <option>Green</option>
  24. <option>Red</option>
  25. <option>Yellow</option>
  26. </select>
  27. </td>
  28. </tr>
  29. <tr>
  30. <td>
  31. <label for="18-years">You are older than 18 years</label></td>
  32. <td>
  33. <input type="checkbox" name = "you_years" id="18-years" /></td>
  34. </tr>
  35. <tr>
  36. <td>Your favourite time of day:</td>
  37. <td>
  38. <input type="radio" id="radio-morning" name="daytime" />
  39. <label for="radio-morning">Morning</label>
  40. <br />
  41. <input type="radio" id="radio-evening" name="daytime" />
  42. <label for="radio-evening">Evening</label>
  43. <br />
  44. <input type="radio" id="radio-night" name="daytime" />
  45. <label for="radio-night">Night</label>
  46. <br />
  47. </td>
  48. </tr>
  49. <tr>
  50. <td colspan="2">
  51. <input type="submit" id = "btn" value="Send" />
  52. </td>
  53. </tr>
  54. </table>
  55.  
  56. </form>
  57.  
  58. <br>
  59.  
  60. <div id="result_form"><div>
  61. </body>
  62.  
  63. </html>
  64.  
  65. $('ajax_form').submit(function (e) {
  66. e.preventDefault();
  67. var data = $('ajax_form').serializeArray();
  68. $.ajax({
  69. type: "POST",
  70. url: url,
  71. data: data,
  72. success: success,
  73. dataType: dataType});});
Add Comment
Please, Sign In to add comment