aspdotnet-suresh offers articles and tutorials,csharp dot net, articles and tutorials,VB.NET Articles,Gridview articles,code examples of 2.0 /3.5,AJAX,SQL Server Articles,examples of .net technologies

jQuery Remove Focus from TextBox / Text Field Example

Jun 1, 2016

Here I will explain how to use
jQuery to remove focus from text field with example or remove focus from textbox using jQuery or remove focus from input field with jQuery. In jQuery by using blur() property we can remove focus from input textbox field.

To remove focus from textbox / text field in jQuery we need to write the code like as shown below


Here if you observe above syntax we are removing focus from textbox using blur() property.

If you want to check it in complete example you need to write the code like as shown below

<html xmlns="">
<title>jQuery Remove Focus From Text Field Example</title>
<script type="text/javascript" src=""></script>
<script type="text/javascript">
<form id="form1">
Enter Name: <input type="text" id="txtname" />
<input type="button" id="btnRemove" value="Click to Remove Focus" />

Live Demo

Check following live demo to remove focus from textbox in jQuery. To remove focus from textbox just click on button automatically it will remove focus from text field.

Enter Name:

If you enjoyed this post, please support the blog below. It's FREE!

Get the latest,, VB.NET, jQuery, Plugins & Code Snippets for FREE by subscribing to our Facebook, Twitter, RSS feed, or by email.

subscribe by rss Subscribe by RSS subscribe by email Subscribe by Email


Anonymous said...

b njn

Anonymous said...


Give your Valuable Comments

Note: Only a member of this blog may post a comment.

© 2015 All Rights Reserved.
The content is copyrighted to Suresh Dasari and may not be reproduced on other websites without permission from the owner.