Question

How to prevent HTML form submission when input field are empty in JavaScript

Answer 1

 <form id='search-form' method='get' value action="/search.php">
     <input id='search-text' name="query" type='text' />
     <button id='search-button' type='submit' onclick="return formIsNotEmpty()"></button>
</form>

function formIsNotEmpty() {
    if (document.getElementById('search-form').elements.item(0).value == "") {
           return false;
    }
    return true;
}

 

70+ SQL courses for beginners and professionals