Validetta demos

Back to examples

Change error messages via data attribute

Warning!

To show error messages healthy, each field must be wrapped by an element like <div>


<div id="alert"></div>
<form id="exm" method="POST" action="#">
    <div>
        <label>Full Name :</label>
        <input type="text" name="name" data-validetta="required"  data-vd-message-required="Please enter full name!" >
    </div>
    <button type="submit">Submit</button>
    <button type="reset">Reset</button>
</form>
(function($){
    $('#exm').validetta();
});