Format Code
Run Code
<!DOCTYPE html> <html> <head> <title>Input Validation Example</title> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script> $(document).ready(function(){ $("#validateForm").submit(function(event){ event.preventDefault(); var userInput = $("#userInput").val(); if (userInput === "") { alert("Input cannot be empty"); } else { $("#output").text("Valid input: " + userInput); } }); }); </script> </head> <body> <form id="validateForm"> <input type="text" id="userInput" placeholder="Enter something" /> <button type="submit">Submit</button> </form> <div id="output"></div> </body> </html>
console output