DotNetXpert: October 2014

Wednesday, October 15, 2014

Text Box should accepts only date using Calendar Extender

Sometimes we need validation for date, that user can only put the date in textbox.

Here is a method through which user can only select the date from calendar extender. User can't type, paste etc. in textbox.

Below is my TextBox along with Calendar Extender.

 <asp:TextBox ID="txtDate" runat="server" CssClass="mytextbox" Enabled="False"></asp:TextBox>  
         <asp:CalendarExtender ID="txtDate_CalendarExtender" runat="server"   
           Enabled="True" TargetControlID="txtDate" Format="dd/MM/yyyy">  
         </asp:CalendarExtender>

On the Page_Load event of this form you just need to add a attribute to the TextBox.

  protected void Page_Load(object sender, EventArgs e)  
   {  
     if (!IsPostBack)  
     {  
         txtDate.Attributes.Add("readonly", "readonly");  
     }  
   }

Now you can only select date from calendar extender. You can't type, paste etc. in textbox.

Thursday, October 9, 2014

Access Control Id on client side with or without using Master Page

Here is the method through which you can access Asp.net control's Id using javascript

When you are working on a simple form.

Let's suppose you want to make a textbox clear or blank on a button click on client side

HTML

 <asp:TextBox ID="txtPassword" runat="server" TextMode="Password"></asp:TextBox>

Put below javascript code in the <head></head> section of the form

  <script type="text/javascript">  
     function clrCtrl() {  
        document.getElementById('txtPassword').value = "";  
          }  
   </script>

On button's OnClientClick event we can use clrCtrl() function.

When you are using Master Page

When you are using Master Page, you just need to change the javascript code like below and out it in

Content Section

  <asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">  
 <script type="text/javascript">  
    function clrCtrl() {  
   document.getElementById('<%=txtPassword.ClientID%>').value = "";  
    }  
   </script>  
 // here you html code begins  
 </asp:Content>

DotNetXpert

Pages