Introduction:
Here I will explain how to make or set asp.net textbox readonly using JavaScript.
Description:
In previous post I explained Set Readonly textbox using jQuery, Redirect to another page after 5 seconds Simple Accordion menu using jQuery, split the string using split function in jquery and many articles relating to JavaScript. Now I will explain how to make or set asp.net textbox readonly using JavaScript.
In previous post I explained Set Readonly textbox using jQuery, Redirect to another page after 5 seconds Simple Accordion menu using jQuery, split the string using split function in jquery and many articles relating to JavaScript. Now I will explain how to make or set asp.net textbox readonly using JavaScript.
If
we want to make asp.net textbox readonly using JavaScript
we need to write the code like as shown below
<script type="text/javascript">
function SetReadOnly() {
var txtName = document.getElementById("txtUserName");
txtName.readOnly = "readonly";
}
</script>
|
If
you want check this code in complete example check below code
Example:
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1"
runat="server">
<title>how to make asp.net textbox readonly in javascript</title>
<script type="text/javascript">
function SetReadOnly() {
var txtName = document.getElementById("txtUserName");
txtName.readOnly = "readonly";
}
</script>
</head>
<body onload=" SetReadOnly()">
<form id="form1"
runat="server">
<div>
<asp:TextBox ID="txtUserName"
runat="server"></asp:TextBox>
</div>
</form>
</body>
</html>
|
Demo
Try to enter text in below textbox
|
If you enjoyed this post, please support the blog below. It's FREE! Get the latest Asp.net, C#.net, VB.NET, jQuery, Plugins & Code Snippets for FREE by subscribing to our Facebook, Twitter, RSS feed, or by email. |
|||
Subscribe by RSS
Subscribe by Email
|
|||
2 comments :
I am using a jquery datepicker on the textbox and this code is not making the textbox readonly.
Note: Only a member of this blog may post a comment.