JSFiddle - React, Tailwind, and code Playground

by Brondem Brondem

HTML

<form name="Booking" >
    <label for="name">Name:</label>
    <input id="name" name="name" title="Please enter your name" type="text" size="50" />
    <div id="namebox"></div>
</form>

JavaScript

window.onload = function() {
    var form = document.forms.Booking;
    var name = form.name;
    
    name.onblur = function() {
        if(document.Booking.name.value == '')
        {
            divresult = document.getElementById('namebox')
            divresult.className = 'validation'
            divresult.innerHTML = 'Please fill in name';
            document.Booking.name.focus();
            return false;
        } else {
            divresult.innerHTML = "";
        }
    }
}