Contenho o seguinte código HTML5:
<div class="form">
<div id="sendmessage">Sua mensagem foi enviada. Obrigado!</div>
<div id="errormessage"></div>
<form action="" method="post" role="form" class="contactForm" id="contactForm">
<div class="form-group">
<input type="text" name="name" class="form-control input-text" id="name" placeholder="Seu nome" data-rule="minlen:4" data-msg="Introduza pelo menos 4 caracteres" />
<div class="validation"></div>
</div>
<div class="form-group">
<input type="email" class="form-control input-text" name="email" id="email" placeholder="Seu email" data-rule="email" data-msg="Por favor digite um email válido" />
<div class="validation"></div>
</div>
<div class="form-group">
<input type="text" class="form-control input-text" name="subject" id="subject" placeholder="Assunto" data-rule="minlen:4" data-msg="Introduza pelo menos 8 caracteres do assunto" />
<div class="validation"></div>
</div>
<div class="form-group">
<textarea class="form-control input-text text-area" name="message" rows="5" data-rule="required" data-msg="Por favor, escreva algo para nós" placeholder="Mensagem"></textarea>
<div class="validation"></div>
</div>
<div class="text-center"><button type="submit" class="input-btn">Enviar Mensagem</button></div>
</form>
</div>
Como adicionar um javascript para me enviar essas informações, e aparecer as mensagens ali indicadas?