Wednesday, January 25, 2017

Wednesday, May 4, 2016

Jquery for check float numbers on keypress event

Script

 <script type="text/javascript">  
     $(document).ready(function () {  
 $('.isFloat').keypress(function(event) {  
  if ((event.which != 46 || $(this).val().indexOf('.') != -1) && (event.which < 48 || event.which > 57)) {  
   event.preventDefault();  
  }  
 });  
  });  
 </script>  

 <asp:TextBox ID="txtTotlaMark" runat="server" pattern="^[0-9 .]{1,}$" class="isFloat" MaxLength="6" required></asp:TextBox>  

Javascript function to check numbers on keypress event

Sctipt

 <script type="text/javascript">  
  function isNumber(evt) {  
       evt = (evt) ? evt : window.event;  
       var charCode = (evt.which) ? evt.which : evt.keyCode;  
       if (charCode > 31 && (charCode < 48 || charCode > 57)) {  
         return false;  
       }  
       return true;  
     }  
   </script>  

 <asp:TextBox ID="txtMobile" pattern="^[0-9+ ]{1,}$" runat="server" CssClass="form-control1" MaxLength="15" onkeypress="return isNumber(event);"  required></asp:TextBox>  

Saturday, April 23, 2016

Maintain Panel/Div Scroll Position in UpdatePanel On Postback ASP.NET


  <form id="form1" runat="server">  
  <asp:ScriptManager ID="ScriptManager1" runat="server" ScriptMode="Release" />  
   <script type="text/javascript">  
     // It is important to place this JavaScript code after Ajax ScriptManager / Toolkit Script  
     var xPos, yPos;  
     var prm = Sys.WebForms.PageRequestManager.getInstance();  
     function BeginRequestHandler(sender, args) {  
       if ($get('<%=Panel1.ClientID%>') != null) {  
        // Get X and Y positions of scrollbar before the partial postback  
        xPos = $get('<%=Panel1.ClientID%>').scrollLeft;  
       yPos = $get('<%=Panel1.ClientID%>').scrollTop;  
     }  
   }  
   function EndRequestHandler(sender, args) {  
     if ($get('<%=Panel1.ClientID%>') != null) {  
        // Set X and Y positions back to the scrollbar  
        // after partial postback  
        $get('<%=Panel1.ClientID%>').scrollLeft = xPos;  
        $get('<%=Panel1.ClientID%>').scrollTop = yPos;  
      }  
    }  
    prm.add_beginRequest(BeginRequestHandler);  
    prm.add_endRequest(EndRequestHandler);  
  </script>  
  <asp:UpdatePanel ID="UpdatePanel1" runat="server">  
   <ContentTemplate>  
    <asp:Panel ID="Panel1" runat="server" Height="300px">  
     <%--Data--%>  
    </asp:Panel>  
   </ContentTemplate>  
  </asp:UpdatePanel>  
 </form>