JSFiddle - React, Tailwind, and code Playground

by BenjaminRay

HTML

<input type="text" class="form-control" id="name" name="name" placeholder="Name" />
<br />
<input type="submit" id="btnSubmit" />

JavaScript

$(function () {
    $('#btnSubmit').on('click', function () {
        event.preventDefault;
        // Validate
        if ($('#name').val() == '') {
            // Name field is empty
            if ($('#name').next('.error_name').length == 0) {
                // Only add error message if not already present
                $("input#name").after('<div class="error_name">You must enter your name.</div>');
            }
        }
    });
});