jquery-check-textbox-empty – Extreme Web Designs https://theextremewebdesigns.com/blog Web Design and Web Development Wed, 13 Jun 2012 04:04:20 +0000 en-US hourly 1 https://wordpress.org/?v=6.7.5 156673191 Check if Textbox is Empty using jQuery Examples https://theextremewebdesigns.com/blog/jquery-textbox-empty-how-to-check-if-textbox-is-empty-using-jquery/ https://theextremewebdesigns.com/blog/jquery-textbox-empty-how-to-check-if-textbox-is-empty-using-jquery/#comments Wed, 13 Jun 2012 04:04:20 +0000 https://theextremewebdesigns.com/blog/?p=911 Have you ever wondered how to check if Textbox is Empty using jQuery? In this article, I am going to share a very easy way that you can use to check if Textbox is Empty using jQuery.

How to check if Textbox is Empty using jQuery

For this example, I am assuming that we have a Textbox in a form and we need to check if this textbox is empty or not when the “Check” button is clicked. The following is the complete source code:

Example: Use jQuery to check if textbox is empty

<html>
<head>
<title>jQuery Textbox Empty | How to check if Textbox is Empty using jQuery</title>
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
</head>

<body>

<form name="form1" method="post" action="">
<label for="city">City:</label>
<input type="text" name="city" id="city">
</form>
<button id="check">Check</button>

<script type="text/javascript">

$('#check').click(function() {

if ( $('#city').val() == '' )
{
	alert('Empty!!!');
}
else
{
	alert('Contains: ' + $('#city').val() );
}

});

</script>
</body>
</html>

Once you run the above code and click the “Check” button, the page will alert “Empty!!!”. If you enter something in it and then click the button, it will show the value you entered.

Simple, isn’t it?

Do you know of any other ways to check if textbox is empty using jQuery? Feel free to suggest by commenting below.

]]> https://theextremewebdesigns.com/blog/jquery-textbox-empty-how-to-check-if-textbox-is-empty-using-jquery/feed/ 2 911