Bootstrap jQuery & HTML5 Form Validation Demo

jQuery4u @samdeering

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
        
        <form action="#" class="seri">
            <h3>Form Serileştirme</h3>
            <input type="text" name="alan1" name="alan1" />
            <input type="text" name="alan2" name="alan2" />
            <input type="text" name="alan3" name="alan2" />
            <select name="select1">
                <option  name="test1" name="test1">test1</option>
                <option name="test2" name="test2">test2</option>
                <option name="test3" name="test3">test3</option>
            </select>
            <button type="button">serileştir</button>
            <span></span>
        </form>

JavaScript

$(document).ready(function(){

                $("form.seri button").click(function(){
                    var seriForm = $("form.seri").serialize();    
                    $(this).parent().find("span").text(seriForm);                    
                });
                   
                
            })