Loading ...

Enable/Disable input field using Jquery

Who is online?  0 guests and 0 members
home  »  blogs  »  Sumit Arora  »  Enable/Disable input field using Jquery

Enable/Disable input field using Jquery

(0)
(9747)
0
/5
Avg: 0/5: (0 votes)

posted 10/22/2009  by Sumit Arora

In this blog i will explain you how to enable/disable textbox using jquery.

<html xmlns="http://www.w3.org/1999/xhtml">

<head >

<title></title>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

</head>

<body>
<form id="form1" runat="server">
<div>
<input id="txtName" type="text"  value="disabled" />
<asp:Button ID="btnCancel" runat="server" Text="Cancel" />
</div>
</form>
</body>

<script type="text/javascript">

$(function()
{
$('#txtName').attr('disabled', true);

});

$('#<%=btnCancel.ClientID %>').click(function(e)
{
e.preventDefault();
$('#txtName').val('enabled');
$('#txtName').removeAttr('disabled');
});

</script>

</html>

That's all!

 tags: Jquery, textbox, enable, disable

Product Spotlight

ASP.NET Hosting Spotlight
 

Comments (no comments yet)

Add a new comment

Confirm

Latest community blog posts

  • jQuery Tools Tabs: Tab index lost on postback
    yesterday by Raghav Khunger
    A person on the forums was struggling with jQuery tools tabs index issue on postback. On clicking the tabs and doing some postback the selected tab index was getting lost. Below is the solution on how to retaing the previous selected index which was there before postback. Complete Source: <%@ Pag...
  • jQuery Tools Tabs: Set initial selected index by default
    yesterday by Raghav Khunger
    I was working with jQuery tools tabs today and I had to set the initial index of tab selected by default. The solution is to set initialindex property in the options. Source: $("ul.tabs").tabs("div.panes > div", { initialIndex: 1 }) ; Complete code to test above: <html> <head> <tit...
  • ASP.NET: Get formauthentication cookie and get the data present in it
    3 days ago by Raghav Khunger
    A person asked me today how to get form authentication cookie and get the data present in it. I decided to write a short blog on it. Formauthentication cookie is saved with the name which we can get via FormsAuthentication.FormsCookieName property. The key here is to get the cookie via this name and...
  • ASP.NET: Form authentication timeout in web.config overriding the manual ticket timeout
    13 days ago by Raghav Khunger
    While working with one of the sample application I noticed that form authentication timeout in web.config was overriding the manual ticket's (which we created via code) timeout. Below is the code which was written in the application: var ticket = new FormsAuthenticationTicket(1, "UserName", DateTime...
  • jQuery: Set cursor position in textbox
    4/13/2012 by Raghav Khunger
    In this blog I will show how to select a range of characters in textbox with jquery. In my demo I have used one textbox and one button. On click of button arange of characters in textbox will be selected. Below is the sample code: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="ser...

Sumit Arora's latest blog posts

Product Spotlight

ASP.NET Hosting Spotlight

 

Quick Vote

What kind of email newsletter would you prefer to receive from CodeAsp.Net?