<div class="form_block">
  <div class="container">
    <div class="row">
        <div class="grid_11">
            <h2 id="contact-form">Contact Form</h2>
            <form id="form">
                <div class="response-error-message"></div>
                <label class="name">
                    <input type="text" name="name" placeholder="Naam:" required />
                    <span class="empty-message">*This field is required.</span>
                    <span class="error-message">*This is not a valid name.</span>
                </label>
                <label class="email">
                    <input type="text" name="email" placeholder="E-mail:" required />
                    <span class="empty-message">*This field is required.</span>
                    <span class="error-message">*This is not a valid email.</span>
                </label>
                <label class="phone">
                    <input type="text" name="phone" placeholder="Telefoonnummer:" required />
                    <span class="empty-message">*This field is required.</span>
                    <span class="error-message">*This is not a valid phone.</span>
                </label>
                <label class="message">
                    <textarea name="message" placeholder="Bericht:" required></textarea>
                    <span class="empty-message">*This field is required.</span>
                    <span class="error-message">*The message is too short.</span>
                </label>
                <div class="clear"></div>
                <div class="btns" >
                    <button type="button" onclick="showMessage()" class="btn">Verstuur</button>

                </div>
                <script>

                    function showMessage() {
                        $('form').hide();
                        $('#contact-form').hide();
                        $('#showMessage').append('<h2 style="text-align:center;">Bedankt voor het invullen van het formulier.</h2> <h2 style="text-align:center;">U zult snel van ons horen.</h2>');
                    }

                </script>
            </form>
            <div id="showMessage"></div>
        </div>
    </div>
  </div>
</div>