daily pastebin goal
54%
SHARE
TWEET

Untitled

a guest Jan 20th, 2018 65 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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});});
RAW Paste Data
Top