how to allow Asp TextBox only Date Format using JavaScript?

<script type="text/javascript">

var dtCh = "/";

var minYear = 1900;

var maxYear = 9999;

function  strCharsInBag(s, bag) {

    var i;

    var returnString = "";

    // Search through string's characters one by one.

    // If character is not in bag, append to returnString.

    for (i = 0; i < s.length; i++) {

        var c = s.charAt(i);

        if (bag.indexOf(c) == -1) returnString += c;

    }

    return returnString;

}

function daysInFebruary(year) {

    // February has 29 days in any year evenly divisible by four,

    // EXCEPT for centurial years which are not also divisible by 400.

    return (((year % 4 == 0) && ((!(year % 100 == 0)) || (year % 400 == 0))) ? 29 : 28);

}

function DaysArray(n) {

    for (var i = 1; i <= n; i++) {

        this[i] = 31;

        if (i == 4 || i == 6 || i == 9 || i == 11) { this[i] = 30; }

        if (i == 2) { this[i] = 29; }

    }

    return this;

}

function isDate(dtStr) {

    dtStr = dtStr.substring(0, 10);

    var daysInMonth = DaysArray(12);

    var pos1 = dtStr.indexOf(dtCh);

    var pos2 = dtStr.indexOf(dtCh, pos1 + 1);

    var strMonth = dtStr.substring(0, pos1);

    var strDay = dtStr.substring(pos1 + 1, pos2);

    var strYear = dtStr.substring(pos2 + 1);

    strYr = strYear;

    if (strDay.charAt(0) == "0" && strDay.length > 1)

        strDay = strDay.substring(1);

    if (strMonth.charAt(0) == "0" && strMonth.length > 1)

        strMonth = strMonth.substring(1);

    for (var i = 1; i <= 3; i++) {

        if (strYr.charAt(0) == "0" && strYr.length > 1)

            strYr = strYr.substring(1);

    }

    month = parseInt(strMonth);

    day = parseInt(strDay);

    year = parseInt(strYr);

    if (pos1 == -1 || pos2 == -1) {

        alert("  Date format should be : MM/DD/YYYY");

        return false;

    }

    if (strMonth.length < 1 || month < 1 || month > 12) {

        alert("  enter a valid month");

        return false;

    }

    if (strDay.length < 1 || day < 1 || day > 31 || (month == 2 && day > daysInFebruary(year)) || day > daysInMonth[month]) {

        alert("  enter a valid day");

        return false;

    }

    if (strYear.length != 4 || year == 0 || year < minYear || year > maxYear) {

        alert("Please enter a valid 4 digit year between " + minYear + " and " + maxYear);

        return false;

    }

    if (dtStr.indexOf(dtCh, pos2 + 1) != -1 || onlyNumbers(strCharsInBag(dtStr, dtCh)) == false) {

        alert("Please enter a valid date");

        return false;

    }

} 

function DateValidations(evt) {

         var e = event || evt; // for trans-browser compatibility

         var charCode = e.which || e.keyCode;

         if (charCode > 31 && (charCode < 47 || charCode > 57))

           {

             return false;

             }

          else{

         return true;

         }

     }

    function validateDate(input)   

{

       var dt = input.value;

    if (isDate(dt) == false) {

    input.value=""

       input.focus();

        return false;

    }

     }

function onlyNumbers(evt) {

    var e = event || evt; // for trans-browser compatibility

    var charCode = e.which || e.keyCode;

    if (charCode > 31 && (charCode < 48 || charCode > 57))

        return false;

    return true;

}

</script>

In Code Behind:

onchage = "validateDate(this)" , onkeypress="DateValidations()"

How to allow the asp TextBox only Date Format by using JavaScript ?

<script type="text/javascript">


function validateDate(input)
{
   //Basic check for format validity
    var validformat=/^\d{1,2}\/\d{1,2}\/\d{4}$/     
   
    if (!validformat.test(input.value))
    {
    alert('Enter the correct Date Format');
      input.value="";
        return false ;
      }


}

    onkeypress="return DateValidations();"


function DateValidations(evt) {
         var e = event || evt; // for trans-browser compatibility
         var charCode = e.which || e.keyCode;


         if (charCode > 31 && (charCode < 47 || charCode > 57))
           {
             return false;
             }
          else{
         return true;
         }
     }

</script>


In Code Behind: 


onchange="return  validateDate(this);"

To Date Greater than or Equal to From Date using javascirpt ?

<script type="text/javascript">
    function Dateformat()
        {
        
     var SDate =document.getElementById("<%=txtCaseStatusBetween.ClientID %>").value;
     var EDate =document.getElementById("<%=txtAnd.ClientID %>").value;


          var startDate = new Date(SDate);
          var endDate = new Date(EDate);
       
     if(startDate > endDate)
    {
          alert("Please ensure that the End Date is greater than or equal to the Start Date");
          document.getElementById("<%=txtFRom.ClientID %>").innerHTML=="";
          document.getElementById("<%=txtTo.ClientID %>").innerHTML=="";
        return false;
    }
}


</script>

how to check status of checkboxes in gridview columns on click of button by using the javascript

 I have used checkbox column in gridview.when  clicking on the linkbutton, it should be checked that checkboxes in gridview are checked or not. If none checkbox is checked then it should display alert("Check the unverified Checkboxes"). 


  <script type="text/javascript">
     function Chkverified()
      {
          var grid = document.getElementById("<%=gvwLeaseReviewSummary.ClientID %>");
          var icount=0;
            
       for( var i=0; i<grid.all.length;i++)
       
      {
      var chkverified =grid.all[i];
      
      if(chkverified != null && chkverified.type == "checkbox"
                   && chkverified.checked == false )
         {
                icount =icount + 1;
       
         }
      }
      
      if(icount > 0)
      {
     alert("Please Check the unverified Checkboxes");
     return false;
     }
      else
      {
      return true;
      }
       }




 </script>


OnClientClick="Chkverified()"


                          Or 




server side code :
            Dim icount As Integer = 0


            For Each gvwRow As GridViewRow In Gridview1.Rows.Rows
                Dim chkverified As CheckBox = DirectCast(Gridview1.Rows(gvwRow.RowIndex).FindControl("chkVerified"), CheckBox)


                If chkverified.Checked = False Then
                    icount = icount + 1
                End If


            Next


            If icount > 0 Then
                ScriptManager.RegisterStartupScript(Me, Me.GetType(), "confirm", "confirm('Please check the Unverified Records')", True)
                   Exit Sub
            Else
                ' If there is no unverified records then submit the report.
                SubmitFunction() // This method should executed without any unverified checkboxes in gridview.
            End If

Validation of Decimal Numbers in JavaScript

<script type="text/javascript">
          function DecimalNumbers(evt)
 {
         var e = event || evt; // for trans-browser compatibility
         var charCode = e.which || e.keyCode;
         var dot;
       

         if (charCode == 46)
        {
         
             // Allow only 1 decimal point ('.')...
             if ((evt.value) && (evt.value.indexOf('.') >= 0))
                 return false;
             else
                 return true;
           
         }
         else if (charCode > 31 && (charCode < 48 || charCode > 57))
         {
             return false;
         }

     }
     
        function AlertLooseChanges()
       {

            if (confirm('Any changes made will not be saved to database.'))
          {
                return true;
            }
            else
         {
                return false;
            }
        }
</Script>

Dot and zero as first character in textbox using javascript ?

  < script type="text/javascript" language="javascript" >

        String.prototype.startsWith = function (str)

        {

            return (this.indexOf(str) === 0);

        }

        function ValidationofPaymentAmount{

            var txtNo = document.getElementById("txtNumber").value;

            if (txtNo .startsWith(".") || txtNo.startsWith("0")) // true

            {

                document.getElementById("txtNumber").value = "";

                alert("you can not insert dot and zero as first character");

            }

        }

    < /script>

In code Behind: 

<asp:TextBox ID="txtNumber" runat="server" onkeyup="ValidationofPaymentAmount();"></asp:TextBox> 

How to open link in new window using Response.Redirect ?

 <asp:LinkButton ID="lbndemo" runat="server"
             ForeColor="Blue"  Text="View"

             CommandArgument="<%# CType(Container, GridViewRow).RowIndex %>"                                             CommandName="View"  
            OnClientClick="aspnetForm.target ='_blank';">

        </asp:LinkButton>

code Behind:

 Response.Redirect("demo.aspx")

How to do the date difference using javascript?

I have two textboxes i want to calculate the year difference between two Dates.

function CalcalationofDATE()

{

//getting the dates from textboxes

var Date1 = document.getElementById('txtDate.CLIENTID').value;

var Date2 = document.getElementById(' txtDate1.CLIENTID').value;

//if the dates are not there empty asign value

if (Date1 == "" || Date2 == "")

{

document.getElementById('txtdateDiff').innerHTML = "";

}

else

{

var dt1 = new Date(Date1);

var dt2 = new Date(Date12);

var dtVal = dt1.getFullYear() - dt2.getFullYear();

document.getElementById('txtdatediff').innerHTML = dtVal;

}

}

How to Open new Window using javascript ?

<asp:LinkButton ID="lbndemo" runat="server"    OnClientClick="javascript:window.open('demo.aspx?','','left=300px, top=300px, width=1100px, height=800px,scrollbars=yes, status=no, resizable=no');return true;">

   </asp:LinkButton> 

how to enable or disable a button on keypress event of a textbox using javascript ?

<asp:TextBox  runat="server"  id="TxtDemo" value="" onkeydown="btn_Enable()"/> 

<asp:Button runat="server"  id="btnDemo">Some test</button> 

Javascript:

     window.onload = function()

 { 

    document.getElementById('btnDemo').disabled = true;  

} 

function btn_Enable() { 

     var EN=document.getElementById(TxtDemo).value; 

     if(EN=='') { 

         document.getElementById('btnDemo').disabled=true; 

     }

 else

 { 

         document.getElementById('btnDemo').disabled=false; 

     } 

} 

Set Focus on Textbox in modalPopup Panel?

<asp:ModalPopupExtender ID="ModalPopupExtenderRent" runat="server"   BehaviorID="bePopup "  RepositionMode="None"

        TargetControlID="btnshowRent" PopupControlID="divRent" Drag="true"

        PopupDragHandleControlID="divRent">

    </asp:ModalPopupExtender>

<script type="text/javascript">

    function OnPopupShow()

   {

    document.getElementById('<%= txtprovNoteSubject.ClientID %>').focus();

   }

    function SpecialProvAdd()

   {

    try

     {

    

         document.getElementById("<%=hdnGridName.ClientID %>").value = GridName

         var modalPopup = $find("bePopup"); 

                            //this is the BehaviorID from the ModalPopupExtender

          if (modalPopup != null) {

             modalPopup.add_shown(OnPopupShow);

         } 

    }

 catch(er)

 {

}

}

</script>

OnClientClick="SpecialProvAdd();$find('bePopup').show();return false;"

Validate the Save Button In Gridview using JavaScript

<script type="text/javascript">
function gridSaveClick()
{
            var MyGrid = document.getElementById('ctl00_ContentPlaceHolder_ID');

            var count;
            var num;
            var checkCount = 0;
            for (var a = 1; a < MyGrid.rows.length; a++)
{
                count = MyGrid.rows[a].cells[0];
                for (var j = 0; j < count.childNodes.length; j++)
{
              num = a + 1;
               if (num < 10) num = "0" + num;
                    var lbnSave = "ctl00_ContentPlaceHolder_ ID " + num + "_lbnEditPFI";
                    if (document.getElementById(lbnSave).innerHTML == "Save")
                {

                        var MaturityDate = "ctl00_ContentPlaceHolder_ ID " + num + "_txt";
                        var InvestmentDate = "ctl00_ContentPlaceHolder_ ID " + num + "_txt";
                        var InvestmentType =
                                           "ctl00_ContentPlaceHolder_gvwPriFunInvReport_ctl" + num + "_txtf";
                        var Institute =
                                           "ctl00_ContentPlaceHolder_gvwPriFunInvReport_ctl" + num + "_ddl";
                        var Status =
                                  "ctl00_ContentPlaceHolder_gvwPriFunInvReport_ctl" + num + "_ddlStatus";
                        var ActiveInvestment =
                                       "ctl00_ContentPlaceHolder_gvwPriFunInvReport_ctl" + num + "_txtAs";
                        var InterestRate =
                                    "ctl00_ContentPlaceHolder_gvwPriFunInvReport_ctl" + num + "_txtIn";

                        if (document.getElementById(InvestmentDate).value == "")
                        {
                            alert('Enter Date Of Investment');
                            document.getElementById(InvestmentDate).focus();
                            return false;
                        }

                        else if (document.getElementById(MaturityDate).value == "")
                      {
                            alert('Enter Date Of maturity');
                            document.getElementById(MaturityDate).focus();
                            return false;
                        }

                        if (DDValidation(document.getElementById(InvestmentDate).value,          document.getElementById(MaturityDate).value) == false)
                            return false;

                        if (document.getElementById(InvestmentType).value == "")
                   {
                            alert('Enter Investment Type');
                            document.getElementById(InvestmentType).focus();
                            return false;
                        }
                        else if (document.getElementById(Institute).selectedIndex == 0)
                         {
                            alert('Select Where Invested');
                            document.getElementById(Institute).focus();
                            return false;
                        }
                        else if (document.getElementById(Status).selectedIndex == 0)
                   {
                            alert('Select Investment Matured Or Sold');
                            document.getElementById(Status).focus();
                            return false;
                        }
                        else if (document.getElementById(ActiveInvestment).value == "")
                   {
                            alert('Enter Active Investments');
                            document.getElementById(ActiveInvestment).focus();
                            return false;
                        }
                        else if (document.getElementById(InterestRate).value == "")
                   {
                            alert('Enter Interest Rate');
                            document.getElementById(InterestRate).focus();
                            return false;
                        }

                    }
                }
            }

        }
      </script>

How to Validate Search Button in JavaScript

 <script type="text/javascript">
function SearchValidation()
 {

   if (document.getElementById("<%=ID.ClientID %>").value == "" &&
         document.getElementById("<%= ID .ClientID %>").value == "" &&
         document.getElementById("<%= ID .ClientID %>").selectedIndex == 0 &&
         document.getElementById("<%= ID .ClientID %>").selectedIndex == 0 &&
         document.getElementById("<%= ID .ClientID %>").selectedIndex == 0 &&
         document.getElementById("<%= ID .ClientID %>").selectedIndex == 0 &&
         document.getElementById("<%= ID .ClientID %>").value == "")
         {
                document.getElementById('<%=  ID .ClientID%>').innerText = 'none';
                alert('Select AtLeast One Searching Factor:');
                return false;
            }
            else
                return true

        }

 </script>

How to disable the textbox using javascript?

document.getElementById("Id" ).disabled = true; 

How to Count the Characters in JavaScript

<script type="text/javascript">
function CharactersCount()
{
     var CharLength = '<%=ID.MaxLength %>';
     var txtMsg = document.getElementById("<%= ID .ClientID%>");
     if ( ID  .value.length > CharLength) {
     ID.value =  ID.value.substring(0, CharLength);
     }
     }

 </script>

How to enable the dropdown list using javascript ?

document.getElementById("ddlstates").disabled=false;

How to disable the dropdown list using javascript ?

document.getElementById("Id").disabled = true

how to apply color of LinkButton using javascript

var  Demo1Link = document.getElementById("ctl00_ContentPlaceHolder_lbnDemo1");

                (or) 

var   Demo1Link  = document.getElementById("lbnDemo1.ClientID");

     if (  Demo1Link  != null)

         {

           Demo1Link .style.color="black";// any color we can apply.

         }

how to remove underline of LinkButton using javascript

var  DemoLink = document.getElementById("ctl00_ContentPlaceHolder_lbnDemo");

                or 

var  DemoLink = document.getElementById("lbnDemo.ClientID");

     if ( DemoLink  != null)

         {

           DemoLink .style.textDecoration = "none";

         }

How to disable link of LinkButton using javascript ?

var  DemoLink = document.getElementById("ctl00_ContentPlaceHolder_lbnDemo");

                or 

var  DemoLink = document.getElementById("lbnDemo.ClientID");

     if ( DemoLink  != null)

         {

           DemoLink .href = "javascript:__return false";

         }

How to remove the Column of Gridview using javascript

var grid = 

document.getElementById("<%=Gridview1.ClientID %>");

   if (grid.rows.length > 0)

     {

         for (i = 0; i < grid.rows.length; i++)

          {  

           if(grid.rows[i].cells[2] != null)

             {

                grid.rows[i].cells[2 ].style.display = "none";

                          

                    }

                 }

                  

              }

How to set TextBox readOnly property false using javascript?

  document.getElementById(“textboxId.ClientID”).readOnly=false;

How to clear text of TextBox using javascript

var txtDemo = 

document.getElementById('ctl00_ContentPlaceHolder_  txtDemo  ');

          

   if(  txtDemo  != null)

     {

           txtDemo.innerHTML="";

           

      }

How to clear text of Label using javascript

var lblDemo = 

document.getElementById('ctl00_ContentPlaceHolder_ lblDemo  ');

          

   if( lblDemo  != null)

     {

          lblDemo.innerHTML="";

           

      }

How to disable Borders of TextBox using javascript

   var txtDemo = document.getElementById('ctl00_ContentPlaceHolder_ txtDemo');

                    (Or)

   var txtDemo =  document.getElementById('ctl00_ContentPlaceHolder_ txtDemo');

      if( txtDemo  != null)

         {

             txtDemo.style.border = 'none';

             

          }

How to enable LinkButton using javascript?

var btnDemo = document.getElementById('ctl00_ContentPlaceHolder_  btnDemo  ');

                        (Or)

var lbnDemo = document.getElementById(' btnDemo  .ClientID ');

  btnDemo  .disabled=false;

How to enable textbox using javascript?

document.getElementById("Id" ).disabled = false; 

How to Collapse All Panels using JavaScript

<script type="text/javascript">

 function CollapseAll(Count)
 {
         for (i = 1; i <= Count; i++)
 {
             var obj = document.getElementById('ctl00_ContentPlaceHolder_ID' + i);
             if (obj.style.display != "none")
 {
                 document.getElementById('ctl00_ContentPlaceHolder_ID' + i).style.display = 'none';
                 document.getElementById('ctl00_ContentPlaceHolder_ID' + i).value = 'Collapse';
             }
         }
     }

 </script>

How to Expand All Panels in JavaScript

<script type="text/javascript">

function ExpandAll(Count)
 {
         for (i = 1; i <= Count; i++)
         {
             var obj = document.getElementById('ctl00_ContentPlaceHolder_ID' + i);
             if (obj.style.display != "block") {
                 document.getElementById('ctl00_ContentPlaceHolder_ID' + i).style.display = 'block';
                 document.getElementById('ctl00_ContentPlaceHolder_ID' + i).value = 'Expand';
             }
         }
     }

 </script>