JSFiddle - React, Tailwind, and code Playground

by Jorge Nunes

HTML

<form id="form-post" action="/pagina-processa-dados-do-form" method="post">
    <div>
        <label for="name">Nome:</label>
        <input type="text" id="name" />
    </div>
    <div>
        <label for="mail">E-mail:</label>
        <input type="email" id="mail" />
    </div>
    <div>
        <label for="msg">Mensagem:</label>
        <textarea id="msg"></textarea>
    </div>
    <div class="button">
        <button id="btn-post" type="submit">Enviar sua mensagem</button>
        <button id="btn-limpar">Limpar</button>
    </div>
</form>

JavaScript

$('#form-post #btn-post').click(function(e){
    e.preventDefault();
    alert('Previnido comportamento padrĂŁo!')

});
$('#form-post #btn-limpar').click(function(e){
     e.preventDefault();
    $('input,textarea').val(" ");
    

});