formdata serialize on submit

by andrew rowe

HTML

<form id="myform" action="webservice.php" method="post">
    <label for='email'>Email:</label>
    <input type="email" id='email' name="email" />
    <label for='job'>Role:</label>
    <select name="job" id='job'>
        <option value="">role</option>
        <option>web developer</option>
        <option>IT professional</option>
        <option>other</option>
    </select>
    <label>
        <input type="checkbox" name="freelancer" />are you a freelancer?</label>
    <br>
    <label>
        <input type="radio" name="experience" value="4" />less than 5 years experience</label>
    <label>
        <input type="radio" name="experience" value="5" />5 or more year's experience</label>
    <textarea name="comments" rows="3" cols="60"></textarea>
    <button type="submit">Submit</button>
</form>

JavaScript

$("#myform").on("submit", function (e) {
    e.preventDefault();
    alert(this.action + ',' + $(this).serialize());
    $.post(this.action, $(this).serialize());
    });