Javascript Summary

 JQuery

http://json.org/

 

JavaScript

function SelectheaderCheckboxes(headerchk) {
debugger
var gvcheck = document.getElementById('gvdetails'); 
For masterPage Gridview  
var gvcheck = document.getElementById('<%=gvdetails.ClientID%>');
var i;
//Condition to check header checkbox selected or not if that is true checked all checkboxes
if (headerchk.checked) {
for (i = 0; i < gvcheck.rows.length; i++) {
var inputs = gvcheck.rows[i].getElementsByTagName('input');
//var inputs = gvcheck.rows[i].getElementById('chkName');
inputs[0].checked = true; }
}
//if condition fails uncheck all checkboxes in gridview
else {
for (i = 0; i < gvcheck.rows.length; i++) {
var inputs = gvcheck.rows[i].getElementsByTagName('input');
inputs[0].checked = false;
}
}
}

HeaderTemplate

<asp CheckBox ID="chkselectAll" runat="server" Text="select All" onclick="javascript:SelectheaderCheckboxes(this)" />

HeaderTemplate

 

 

Qts: Converting Upper Case to Lower Case JavaScript
Ans: var str="This is my 1st new Tuorial 123";
  var a2 = str.toLowerCase();
  document.write(a2);
   
Qts: Converting

Lower Case to Upper Case  JavaScript

 
Ans: var str="This is my 1st new tutorial 123";
  var a1 = str.toUpperCase();
  document.write(a1);
Validation
 
Character Only
function CharacterOnly(evt)
{
var charCode=(evt.which) ? evt.which : evt.keyCode
if((charCode>=65 && charCode<=90) || (charCode>=97 & charCode<=122) || charCode==32)
{ return true; }
else
{ return false; }
}
 
Number Only
function NumberOnly(evt)
{
var charCode=(evt.which) ? evt.which : evt.keyCode
if((charCode>=48 && charCode<=57) || charCode==8 ||charCode==127)
{ return true; }
else
{ return false; }
}

 

 function isNumberKey(evt) {
            var charCode = (evt.which) ? evt.which : event.keyCode
            if (charCode > 31 && (charCode < 48 || charCode > 57))
                return false;

            return true;
        }

<asp:TextBox ID="txtPhone1" runat="server" Width="150" onkeypress="return isNumberKey(event)" MaxLength="9"></asp:TextBox>
Calling Function

<asp:Button ID="Button1" runat="server" Text="Save" OnClientClick="FunctionName()"/>

For print command on asp Button

<script type="text/javascript">  

function CallPrint()  

{  

var prtContent = document.getElementById("divPrint");

// window.document.write(prtContent.innerHTML);       

window.document.close();       window.focus();       

window.print();        window.close();  

}     

function SetPrintSettings()

 {

 // -- advanced features 

factory.printing.SetMarginMeasure(2) 

// measure margins in inches

 factory.SetPageRange(false, 1, 3) 

// need pages from 1 to 3 

factory.printing.printer = "Default" 

factory.printing.copies = 2 

factory.printing.collate = true 

factory.printing.paperSize = "A4"

 factory.printing.paperSource = "Manual feed" 

// -- basic features 

factory.printing.header = "" factory.printing.footer = "" 

factory.printing.portrait = false 

factory.printing.leftMargin =0.25 

factory.printing.topMargin = 0.25

factory.printing.rightMargin = 0.25 

factory.printing.bottomMargin = 0.25 

}

</script>

Call a function on Button
<asp:Button ID="Button1" runat="server" Text="Print" OnClientClick="CallPrint()"/>

 Clearing Text (TEXTBOX) in Javascript
 <script language="javascript" type="text/javascript">
 function clearinputs(sType) {
 a = document.getElementsByTagName("input");
 for(i = 0; i < a.length; i++) {
 if(a[i].type==sType) {
 a[i].value = "";
 }
 }
 }
 </script>
 
 <button onclick="clearinputs('text');">Reset</button>
 
 <script type="text/javascript" language="javascript">
        function isNumberKeyAndDot(value, Id) {
            var intcount = 0;
            var stramount = value;
            for (var i = 0; i < stramount.length; i++) {
                if (stramount.charAt(i) == '.') {
                    intcount = intcount + 1;
                    if (intcount > 1) {
                        alert('Please Enter Proper Amount.');
                        document.getElementById(Id).value = "";
                        document.getElementById(Id).focus();
                        return false;
                    }
                }
            }
}
</script>
 
 Printing the specific part DIV of page
 function printDiv(divName) {
            var printContents = document.getElementById(divName).innerHTML;
            var originalContents = document.body.innerHTML;

            document.body.innerHTML = printContents;

            window.print();

            document.body.innerHTML = originalContents;
        }
 
 

 JQuery for calling WebService
<script type="text/javascript">
        $(function() {
            $(".tb").autocomplete({
                source: function(request, response) {
                    $.ajax({
                        url: "http://localhost:3334/IndianHyjiyaNew/autocomplete.asmx/AutoCompleteTxtSearch",
                        data: "{ 'prefixText': '" + request.term + "' }",
                        dataType: "json",
                        type: "POST",
                        contentType: "application/json; charset=utf-8",
                        dataFilter: function(data) { return data; },
                        success: function(data) {
                            response($.map(data.d, function(item) {
                                return {
                                    value: item.SubSubMenuName
                                }
                            }))
                        },
                        error: function(XMLHttpRequest, textStatus, errorThrown) {
                            alert(textStatus);
                        }
                    });
                },
                minLength: 2
            });
        });
    </script>
 
 <asp:ScriptManager ID="sc" runat="server" EnablePageMethods="true">
        <Services>
            <asp:ServiceReference Path="~/AutoComplete.asmx" />
        </Services>
    </asp:ScriptManager>
    <asp:TextBox ID="txtSearch" runat="server" MaxLength="60" class="tb"></asp:TextBox>
    <cc1:AutoCompleteExtender ID="AutoCompleteExtender1" runat="server" TargetControlID="txtSearch"
        ServicePath="AutoComplete.asmx" ServiceMethod="AutoCompleteTxtSearch" MinimumPrefixLength="1"
        CompletionInterval="1" CompletionSetCount="5" EnableCaching="true">
    </cc1:AutoCompleteExtender>
 
 function numericFilter(txb) { txb.value = txb.value.replace(/[^0-9]/ig, ""); }
 <asp:TextBox ID="txtZip" runat="server" Width="45%" MaxLength="6" onkeyup="numericFilter(this)"></asp:TextBox>

Want to validate the Textbox by using Required validaaotr

and then validate the data

In my case i'd used the captcha and the textbox are compulsory

so i used the required validator for the textboxes and the validation of captcha by javascript.

and for required validator the validation group is 'sub'

javascript function is ValidCaptcha().

OnClientClick="Javascript:if(Page_ClientValidate('sub')){return ValidCaptcha();}"