01/10/2014 Development / html5

Este é um exemplo de como customizar aquelas mensagens de alerta quando o formulário identifica que os campos não foram preenchidos ou não estão preenchidos corretamente.

<form>
    <p>Para submeter o formulário, preenche os campos abaixo.</p>
    <label for="one">Email: </label><input type="email" id="one" required data-errormessage-value-missing="Preencha o campo de e-mail" data-errormessage-type-mismatch="E-mail Inválido!">
    <label for="another">Email: </label><input type="email" id="another" data-errormessage="Generic error message">
    <label for="textarea">Textarea: </label><textarea id="textarea" required data-errormessage-value-missing="Adicione um mensagem"></textarea>

    <select required data-errormessage-value-missing="Por favor, escolhe um!">
        <option selected disabled value="">Opção 1</option>
        <option value="1">Um</option>
    </select>
    <button>Enviar</button>
</form>

Espero que sirva!