Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <head>
- <meta charset = "UTF-8"/>
- <title>WebTest</title>
- <script type = "text/javascript" src = "jquery-3.2.1.min.js"></script>
- <script type = "text/javascript" src = "script.js"></script>
- </head>
- <body>
- <form id="ajax_form">
- <table>
- <tr>
- <td>
- <label for="name">Your name:</label></td>
- <td>
- <input type="text" name = "names" id="name" required/></td>
- </tr>
- <tr>
- <td>
- <label for="color">Your favourite color:</label></td>
- <td>
- <select id="color">
- <option>Green</option>
- <option>Red</option>
- <option>Yellow</option>
- </select>
- </td>
- </tr>
- <tr>
- <td>
- <label for="18-years">You are older than 18 years</label></td>
- <td>
- <input type="checkbox" name = "you_years" id="18-years" /></td>
- </tr>
- <tr>
- <td>Your favourite time of day:</td>
- <td>
- <input type="radio" id="radio-morning" name="daytime" />
- <label for="radio-morning">Morning</label>
- <br />
- <input type="radio" id="radio-evening" name="daytime" />
- <label for="radio-evening">Evening</label>
- <br />
- <input type="radio" id="radio-night" name="daytime" />
- <label for="radio-night">Night</label>
- <br />
- </td>
- </tr>
- <tr>
- <td colspan="2">
- <input type="submit" id = "btn" value="Send" />
- </td>
- </tr>
- </table>
- </form>
- <br>
- <div id="result_form"><div>
- </body>
- </html>
- $('ajax_form').submit(function (e) {
- e.preventDefault();
- var data = $('ajax_form').serializeArray();
- $.ajax({
- type: "POST",
- url: url,
- data: data,
- success: success,
- dataType: dataType});});
Add Comment
Please, Sign In to add comment