How to Find, Replace and Highlight a word using Jquery?

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="MsoNormal" style="background-color: white; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"> <div style="line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <b><u><span style="font-family: Verdana, sans-serif; font-size: 10pt;">Description:<o:p></o:p></span></u></b></div> <div style="line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <br /></div> <div style="line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-weight: bold;">In this article, I will explain how to find, replace and highlight a word </span><span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-font-weight: bold;">using <a href="http://www.jqueryjohn.com/">Jquery</a>.  <b><u><o:p></o:p></u></b></span></div> <div style="line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <br /></div> <div style="line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-font-weight: bold;">To find occurrence of string use <b>match()</b> method.<o:p></o:p></span></div> <div style="line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <br /></div> <div style="line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <u><span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-font-weight: bold;">Syntax:<o:p></o:p></span></u></div> <div style="line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <br /></div> <div style="line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-font-weight: bold;">string.match(regularexpression)<o:p></o:p></span></div> <div style="line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <br /></div> <div style="line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <b><span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Calibri;">match()</span></b><span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-font-weight: bold;"> used to search string with the regular expression and it will return only the first match in the string<o:p></o:p></span></div> <div style="line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <br /></div> <div style="line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-font-weight: bold;">If no match is found, it will return null value.<o:p></o:p></span></div> <div style="line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <br /></div> <div style="line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-font-weight: bold;">If the word matches with the target string, some action will happen based on your requirement.<o:p></o:p></span></div> <div style="line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <br /></div> <div style="line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-font-weight: bold;">To replace the string with new value use <b>replace()</b> method.<o:p></o:p></span></div> <div style="line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <br /></div> <div style="line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <u><span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-font-weight: bold;">Syntax:<o:p></o:p></span></u></div> <div style="line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <br /></div> <div style="line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-font-weight: bold;">string.replace(searchvalue, targetstring)<o:p></o:p></span></div> <div style="line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <br /></div> <div style="line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-font-weight: bold;">replace() method used to searches string with the regular expression and it will return the new string where the string values are replaced.<o:p></o:p></span></div> <div style="line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <br /></div> <div style="line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-font-weight: bold;">To highlight a word, add style property with the target values.<o:p></o:p></span></div> <div style="line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <br /></div> <div style="line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-font-weight: bold;">The below example program will explain how to find, replace and highlight a word using Jquery.<o:p></o:p></span></div> <div style="line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <br /></div> <div style="line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <b><u><span style="font-family: Verdana, sans-serif; font-size: 10pt;">Example Program:<span style="color: #666666;"><o:p></o:p></span></span></u></b></div> <div style="color: #666666; line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <br /></div> <div style="border: 1pt solid windowtext; color: #666666; padding: 1pt 4pt;"> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="color: blue; font-family: Consolas; font-size: 9.5pt;"><</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">html</span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">xmlns</span><span style="color: blue;">="http://www.w3.org/1999/xhtml"></span><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="color: blue; font-family: Consolas; font-size: 9.5pt;"><</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">head</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">></span><span style="font-family: Consolas; font-size: 9.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: blue;"><</span><span style="color: maroon;">title</span><span style="color: blue;">></</span><span style="color: maroon;">title</span><span style="color: blue;">></span><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: blue;"><</span><span style="color: maroon;">script</span> <span style="color: red;">type</span><span style="color: blue;">="text/javascript"</span> <span style="color: red;">src</span><span style="color: blue;">="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></</span><span style="color: maroon;">script</span><span style="color: blue;">></span><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: blue;"><</span><span style="color: maroon;">script</span> <span style="color: red;">type</span><span style="color: blue;">="text/javascript"></span><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">        $(document).ready(<span style="color: blue;">function</span> () {<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">            <span style="color: blue;">var</span> searchblock = [<span style="color: maroon;">'p'</span>];<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">            $(<span style="color: maroon;">"#TextBox1"</span>).bind(<span style="color: maroon;">'keyup'</span>, <span style="color: blue;">function</span> (e) {<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">                <span style="color: blue;">var</span> findtext = $(<span style="color: maroon;">"#TextBox1"</span>).val();<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">                $.each(searchblock, <span style="color: blue;">function</span> (i) {<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">                    <span style="color: blue;">var</span> Wholetexts = $(<span style="color: maroon;">'p'</span>).text();<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">                    Wholetexts = Wholetexts.replace(findtext, <span style="color: blue;">function</span> (e) {<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">                        <span style="color: blue;">return</span> <span style="color: maroon;">"<span style='background-color: gray;'>"</span> + e + <span style="color: maroon;">"</span>"</span>;<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">                    });<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">                    $(<span style="color: maroon;">'p'</span>).html(Wholetexts);<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">                });<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">            });<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">            $(<span style="color: maroon;">"#btnReplace"</span>).click(<span style="color: blue;">function</span> () {<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">                <span style="color: blue;">var</span> find = $(<span style="color: maroon;">'#TextBox1'</span>).val();<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">                <span style="color: blue;">var</span> replacewith = $(<span style="color: maroon;">'#TextBox2'</span>).val();<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">                $(<span style="color: maroon;">'p'</span>).html($(<span style="color: maroon;">'p'</span>).html().replace(find, replacewith));<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">            });<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">        });<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: blue;"></</span><span style="color: maroon;">script</span><span style="color: blue;">></span><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="color: blue; font-family: Consolas; font-size: 9.5pt;"></</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">head</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">></span><span style="font-family: Consolas; font-size: 9.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="color: blue; font-family: Consolas; font-size: 9.5pt;"><</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">body</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">></span><span style="font-family: Consolas; font-size: 9.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: blue;"><</span><span style="color: maroon;">form</span> <span style="color: red;">id</span><span style="color: blue;">="form1"</span> <span style="color: red;">runat</span><span style="color: blue;">="server"></span><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: blue;"><</span><span style="color: maroon;">div</span><span style="color: blue;">></span><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">        <span style="color: blue;"><</span><span style="color: maroon;">p</span><span style="color: blue;">></span><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">            This is the sample text for find and replace example<span style="color: blue;"></</span><span style="color: maroon;">p</span><span style="color: blue;">></span><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">        <span style="color: blue;"><</span><span style="color: maroon;">asp</span><span style="color: blue;">:</span><span style="color: maroon;">Label</span> <span style="color: red;">ID</span><span style="color: blue;">="Label1"</span> <span style="color: red;">runat</span><span style="color: blue;">="server"</span> <span style="color: red;">Text</span><span style="color: blue;">="Find"></</span><span style="color: maroon;">asp</span><span style="color: blue;">:</span><span style="color: maroon;">Label</span><span style="color: blue;">></span><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">        <span style="color: blue;"><</span><span style="color: maroon;">asp</span><span style="color: blue;">:</span><span style="color: maroon;">TextBox</span> <span style="color: red;">ID</span><span style="color: blue;">="TextBox1"</span> <span style="color: red;">runat</span><span style="color: blue;">="server"></</span><span style="color: maroon;">asp</span><span style="color: blue;">:</span><span style="color: maroon;">TextBox</span><span style="color: blue;">></span><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">        <span style="color: blue;"><</span><span style="color: maroon;">br</span> <span style="color: blue;">/></span><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">        <span style="color: blue;"><</span><span style="color: maroon;">asp</span><span style="color: blue;">:</span><span style="color: maroon;">Label</span> <span style="color: red;">ID</span><span style="color: blue;">="Label2"</span> <span style="color: red;">runat</span><span style="color: blue;">="server"</span> <span style="color: red;">Text</span><span style="color: blue;">="Replace With"></</span><span style="color: maroon;">asp</span><span style="color: blue;">:</span><span style="color: maroon;">Label</span><span style="color: blue;">></span><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">        <span style="color: blue;"><</span><span style="color: maroon;">asp</span><span style="color: blue;">:</span><span style="color: maroon;">TextBox</span> <span style="color: red;">ID</span><span style="color: blue;">="TextBox2"</span> <span style="color: red;">runat</span><span style="color: blue;">="server"></</span><span style="color: maroon;">asp</span><span style="color: blue;">:</span><span style="color: maroon;">TextBox</span><span style="color: blue;">></span><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">        <span style="color: blue;"><</span><span style="color: maroon;">br</span> <span style="color: blue;">/></span><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">        <span style="color: blue;"><</span><span style="color: maroon;">input</span> <span style="color: red;">id</span><span style="color: blue;">="btnReplace"</span> <span style="color: red;">type</span><span style="color: blue;">="button"</span> <span style="color: red;">value</span><span style="color: blue;">="Replace"</span> <span style="color: blue;">/></span><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: blue;"></</span><span style="color: maroon;">div</span><span style="color: blue;">></span><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: blue;"></</span><span style="color: maroon;">form</span><span style="color: blue;">></span><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="color: blue; font-family: Consolas; font-size: 9.5pt;"></</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">body</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">></span><span style="font-family: Consolas; font-size: 9.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="color: blue; font-family: Consolas; font-size: 9.5pt;"></</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">html</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">><o:p></o:p></span></div> </div> <div style="color: #666666; line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <br /></div> <div style="color: #666666;"> </div> <div style="color: #666666; line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <u><span lang="EN" style="font-family: Verdana, sans-serif; font-size: 10pt;">Highlight a word with jQuery, Highlighting search words with jQuery, Search & Highlight using JQuery, Find and Replace with JQuery, Highlight search terms, Use jQuery to find and replace multiple words on the page<o:p></o:p></span></u></div> </div> </div>

How to Find, Replace and Highlight a word using Jquery?

Description: In this article, I will explain how to find, replace and highlight a word using Jquery .   To find occurrence of str...

Read more »

How to convert Lowercase string to Uppercase using Jquery?

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="MsoNormal" style="background-color: white; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"> <div style="line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <b><u><span style="font-family: Verdana, sans-serif; font-size: 10pt;">Description:<span style="color: #666666;"><o:p></o:p></span></span></u></b></div> <div style="color: #666666; line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <br /></div> <div style="line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <span style="font-family: Verdana, sans-serif; font-size: 10pt;">In this article, I will explain how to convert string to uppercase using </span><a href="http://www.jqueryjohn.com/" style="color: #666666;"><span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-font-weight: bold;">Jquery</span></a><span class="MsoHyperlink" style="color: #666666;"><span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-font-weight: bold;">.<o:p></o:p></span></span></div> <div style="color: #666666; line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <br /></div> <div class="MsoNormal" style="line-height: 14.4pt;"> <b><span style="font-family: Verdana, sans-serif; font-size: 10pt;">toUpperCase()</span></b><span style="font-family: Verdana, sans-serif; font-size: 10pt;"> method is used to convert a string into uppercase.<span class="apple-converted-space"><o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 14.4pt;"> <span style="font-family: Verdana, sans-serif; font-size: 10pt;"><br /></span></div> <div class="MsoNormal" style="line-height: 14.4pt;"> <b><span style="background-position: initial initial; background-repeat: initial initial; font-family: Verdana, sans-serif; font-size: 10pt;">toLowerCase()</span></b><span style="font-family: Verdana, sans-serif; font-size: 10pt;"> method is used to convert a string into lowercase.<span style="color: #666666;"><o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 14.4pt;"> <span style="font-family: Verdana, sans-serif; font-size: 10pt;"><br /></span></div> <div class="MsoNormal" style="color: #666666; line-height: 14.4pt;"> <span style="background-position: initial initial; background-repeat: initial initial; color: black; font-family: Verdana, sans-serif; font-size: 10pt;">We can bind this method with text box <b>KeyUp</b>() event. When user types anything, this method will change the text box value into uppercase or lowercase with each keystroke.</span><o:p></o:p></div> <div class="MsoNormal" style="color: #666666; line-height: 14.4pt;"> <span style="background-position: initial initial; background-repeat: initial initial; color: black; font-family: Verdana, sans-serif; font-size: 10pt;"><br /></span></div> <div class="MsoNormal" style="color: #666666; line-height: 14.4pt;"> <span style="background-position: initial initial; background-repeat: initial initial; color: black; font-family: Verdana, sans-serif; font-size: 10pt;">We can also convert first letter of each word </span><span style="background-position: initial initial; background-repeat: initial initial; color: black; font-family: Verdana, sans-serif; font-size: 10pt; line-height: 115%;">to uppercase</span><span style="background-position: initial initial; background-repeat: initial initial; color: black; font-family: Verdana, sans-serif; font-size: 10pt;">. <o:p></o:p></span></div> <div class="MsoNormal" style="color: #666666; line-height: 14.4pt;"> <span style="background-position: initial initial; background-repeat: initial initial; color: black; font-family: Verdana, sans-serif; font-size: 10pt;"><br /></span></div> <div class="MsoNormal" style="color: #666666; line-height: 14.4pt;"> <span style="background-position: initial initial; background-repeat: initial initial; color: black; font-family: Verdana, sans-serif; font-size: 10pt;">Go to this link - <a href="http://www.jqueryjohn.com/2014/01/convert-first-letter-of-each-word-to-uppercase-using-jquery.html">first letter uppercase for each word using Jquery</a>.<o:p></o:p></span></div> <div class="MsoNormal" style="color: #666666; line-height: 14.4pt;"> <span style="background-position: initial initial; background-repeat: initial initial; color: black; font-family: Verdana, sans-serif; font-size: 10pt;"><br /></span></div> <div class="MsoNormal" style="color: #666666; line-height: 14.4pt;"> <b><u><span style="background-position: initial initial; background-repeat: initial initial; color: black; font-family: Verdana, sans-serif; font-size: 10pt;">Example Program:<o:p></o:p></span></u></b></div> <div class="MsoNormal" style="color: #666666; line-height: 14.4pt;"> <b><u><span style="background-position: initial initial; background-repeat: initial initial; color: black; font-family: Verdana, sans-serif; font-size: 10pt;"><br /></span></u></b></div> <div style="border: 1pt solid windowtext; color: #666666; padding: 1pt 4pt;"> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="color: blue; font-family: Consolas; font-size: 9.5pt;"><</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">html</span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">xmlns</span><span style="color: blue;">="http://www.w3.org/1999/xhtml"></span><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="color: blue; font-family: Consolas; font-size: 9.5pt;"><</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">head</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">></span><span style="font-family: Consolas; font-size: 9.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: blue;"><</span><span style="color: maroon;">title</span><span style="color: blue;">></</span><span style="color: maroon;">title</span><span style="color: blue;">></span><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: blue;"><</span><span style="color: maroon;">script</span> <span style="color: red;">type</span><span style="color: blue;">="text/javascript"</span> <span style="color: red;">src</span><span style="color: blue;">="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></</span><span style="color: maroon;">script</span><span style="color: blue;">></span><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: blue;"><</span><span style="color: maroon;">script</span> <span style="color: red;">type</span><span style="color: blue;">="text/javascript"></span><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">        $(document).ready(<span style="color: blue;">function</span> () {<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">            $(<span style="color: maroon;">'#txtUpper'</span>).keyup(<span style="color: blue;">function</span> () {<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">                <span style="color: blue;">this</span>.value = <span style="color: blue;">this</span>.value.toUpperCase();<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">            });<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">            $(<span style="color: maroon;">'#txtLower'</span>).keyup(<span style="color: blue;">function</span> () {<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">                <span style="color: blue;">this</span>.value = <span style="color: blue;">this</span>.value.toLowerCase();<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">            });<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">        });<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: blue;"></</span><span style="color: maroon;">script</span><span style="color: blue;">></span><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="color: blue; font-family: Consolas; font-size: 9.5pt;"></</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">head</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">></span><span style="font-family: Consolas; font-size: 9.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="color: blue; font-family: Consolas; font-size: 9.5pt;"><</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">body</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">></span><span style="font-family: Consolas; font-size: 9.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: blue;"><</span><span style="color: maroon;">form</span> <span style="color: red;">id</span><span style="color: blue;">="form1"</span> <span style="color: red;">runat</span><span style="color: blue;">="server"></span><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: blue;"><</span><span style="color: maroon;">div</span><span style="color: blue;">></span><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">        <span style="color: blue;"><</span><span style="color: maroon;">asp</span><span style="color: blue;">:</span><span style="color: maroon;">Label</span> <span style="color: red;">ID</span><span style="color: blue;">="lbltext"</span> <span style="color: red;">runat</span><span style="color: blue;">="server"</span> <span style="color: red;">Text</span><span style="color: blue;">="Enter Text:"></</span><span style="color: maroon;">asp</span><span style="color: blue;">:</span><span style="color: maroon;">Label</span><span style="color: blue;">></span><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">        <span style="color: blue;"><</span><span style="color: maroon;">asp</span><span style="color: blue;">:</span><span style="color: maroon;">TextBox</span> <span style="color: red;">ID</span><span style="color: blue;">="txtUpper"</span> <span style="color: red;">runat</span><span style="color: blue;">="server"></</span><span style="color: maroon;">asp</span><span style="color: blue;">:</span><span style="color: maroon;">TextBox</span><span style="color: blue;">></span><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">        <span style="color: blue;"><</span><span style="color: maroon;">asp</span><span style="color: blue;">:</span><span style="color: maroon;">TextBox</span> <span style="color: red;">ID</span><span style="color: blue;">="txtLower"</span> <span style="color: red;">runat</span><span style="color: blue;">="server"></</span><span style="color: maroon;">asp</span><span style="color: blue;">:</span><span style="color: maroon;">TextBox</span><span style="color: blue;">></span><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: blue;"></</span><span style="color: maroon;">div</span><span style="color: blue;">></span><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: blue;"></</span><span style="color: maroon;">form</span><span style="color: blue;">></span><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="color: blue; font-family: Consolas; font-size: 9.5pt;"></</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">body</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">></span><span style="font-family: Consolas; font-size: 9.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="color: blue; font-family: Consolas; font-size: 9.5pt;"></</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">html</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">><o:p></o:p></span></div> </div> <div class="MsoNormal" style="color: #666666; line-height: 14.4pt;"> <br /></div> <div style="color: #666666;"> </div> <div class="MsoNormal" style="color: #666666; line-height: 14.4pt;"> <u><span lang="EN" style="background-position: initial initial; background-repeat: initial initial; font-family: Verdana, sans-serif; font-size: 10pt;">Lowercase and Uppercase with jQuery, Convert lowerCase to upperCase using jquery, Convert to upper case while typing, How to change a string into uppercase, Change text box value in uppercase or lowercase using jQuery<o:p></o:p></span></u></div> </div> </div>

How to convert Lowercase string to Uppercase using Jquery?

Description: In this article, I will explain how to convert string to uppercase using Jquery . toUpperCase() method is used to c...

Read more »

How to call server side methods using Ajax Call?

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="MsoNormal" style="background-color: white; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"> <div style="color: #666666; line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <b><u><span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Calibri;">Description:<o:p></o:p></span></u></b></div> <div style="color: #666666; line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <br /></div> <div style="line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <span style="font-family: Verdana, sans-serif; font-size: 10pt;">In this article, I will explain how to call server side methods using </span><a href="http://www.jqueryjohn.com/" style="color: #666666;"><span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-font-weight: bold;">Jquery</span></a><span class="MsoHyperlink" style="color: #666666;"><span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-font-weight: bold;">.<o:p></o:p></span></span></div> <div style="color: #666666; line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <br /></div> <div style="color: #666666; line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <span class="MsoHyperlink"><span style="color: black; font-family: Verdana, sans-serif; font-size: 10pt;">We can call server side methods using JQuery <b><a href="http://www.jqueryjohn.com/search/label/AJAX">Ajax</a></b>.<o:p></o:p></span></span></div> <div style="color: #666666; line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <br /></div> <div class="MsoNormal" style="color: #666666;"> <span style="background-position: initial initial; background-repeat: initial initial; color: black; font-family: Verdana, sans-serif; font-size: 10pt; line-height: 115%;">Ajax allows you to load data in the background and updates on the webpage without refreshing the page.<o:p></o:p></span></div> <div class="MsoNormal" style="color: #666666;"> <span style="background-position: initial initial; background-repeat: initial initial; color: black; font-family: Verdana, sans-serif; font-size: 10pt; line-height: 115%;"><br /></span></div> <div class="MsoNormal" style="color: #666666;"> <span style="background-position: initial initial; background-repeat: initial initial; color: black; font-family: Verdana, sans-serif; font-size: 10pt; line-height: 115%;">Ajax used to create fast and dynamic web pages.<o:p></o:p></span></div> <div class="MsoNormal" style="color: #666666;"> <span style="background-position: initial initial; background-repeat: initial initial; color: black; font-family: Verdana, sans-serif; font-size: 10pt; line-height: 115%;"><br /></span></div> <div class="MsoNormal" style="color: #666666;"> <span style="background-position: initial initial; background-repeat: initial initial; color: black; font-family: Verdana, sans-serif; font-size: 10pt; line-height: 115%;">The user can continue to interact with the web page while the page requests information from the server with Ajax in the background.<o:p></o:p></span></div> <div class="MsoNormal" style="color: #666666;"> <span style="background-position: initial initial; background-repeat: initial initial; color: black; font-family: Verdana, sans-serif; font-size: 10pt; line-height: 115%;"><br /></span></div> <div class="MsoNormal" style="color: #666666;"> <b style="line-height: 13.5pt;"><u><span style="color: black; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-themecolor: text1;">Syntax for Ajax Call:</span></u></b></div> <div class="MsoNormal" style="color: #666666; line-height: 13.5pt; margin-bottom: 0.0001pt;"> <br /></div> <div style="border: 1pt solid windowtext; color: #666666; padding: 1pt 4pt;"> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span style="font-family: Verdana, sans-serif; font-size: 10pt;">$.ajax({</span><span style="font-family: Verdana, sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span style="font-family: Verdana, sans-serif; font-size: 10pt;">            type: </span><span style="color: maroon; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Consolas; mso-fareast-font-family: "Times New Roman";">"POST"</span><span style="font-family: Verdana, sans-serif; font-size: 10pt;">,</span><span style="font-family: Verdana, sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span style="font-family: Verdana, sans-serif; font-size: 10pt;">            url: </span><span style="color: maroon; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Consolas; mso-fareast-font-family: "Times New Roman";">"AjaxCall.aspx/CallServerSideMethod"</span><span style="font-family: Verdana, sans-serif; font-size: 10pt;">,</span><span style="font-family: Verdana, sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span style="font-family: Verdana, sans-serif; font-size: 10pt;">            data: </span><span style="color: maroon; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Consolas; mso-fareast-font-family: "Times New Roman";">"{'args': '"</span><span style="font-family: Verdana, sans-serif; font-size: 10pt;"> + arguments + </span><span style="color: maroon; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Consolas; mso-fareast-font-family: "Times New Roman";">"'}"</span><span style="font-family: Verdana, sans-serif; font-size: 10pt;">,</span><span style="font-family: Verdana, sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span style="font-family: Verdana, sans-serif; font-size: 10pt;">            contentType: </span><span style="color: maroon; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Consolas; mso-fareast-font-family: "Times New Roman";">"application/json; charset=utf-8"</span><span style="font-family: Verdana, sans-serif; font-size: 10pt;">,</span><span style="font-family: Verdana, sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span style="font-family: Verdana, sans-serif; font-size: 10pt;">            dataType: </span><span style="color: maroon; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Consolas; mso-fareast-font-family: "Times New Roman";">"json"</span><span style="font-family: Verdana, sans-serif; font-size: 10pt;">,</span><span style="font-family: Verdana, sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span style="font-family: Verdana, sans-serif; font-size: 10pt;">            success: </span><span style="color: blue; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Consolas; mso-fareast-font-family: "Times New Roman";">function</span><span style="font-family: Verdana, sans-serif; font-size: 10pt;">(response) {</span><span style="font-family: Verdana, sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span style="font-family: Verdana, sans-serif; font-size: 10pt;">            },</span><span style="font-family: Verdana, sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span style="font-family: Verdana, sans-serif; font-size: 10pt;">            error: </span><span style="color: blue; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Consolas; mso-fareast-font-family: "Times New Roman";">function</span><span style="font-family: Verdana, sans-serif; font-size: 10pt;">() {</span><span style="font-family: Verdana, sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span style="font-family: Verdana, sans-serif; font-size: 10pt;">            }</span><span style="font-family: Verdana, sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span style="font-family: Verdana, sans-serif; font-size: 10pt;">        });</span><span style="font-family: Verdana, sans-serif; font-size: 10pt;"><o:p></o:p></span></div> </div> <div class="MsoNormal" style="color: #666666;"> <br /></div> <div class="MsoNormal" style="color: #666666; line-height: normal; margin-bottom: 0.0001pt;"> <span style="color: #c00000; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";">Type </span><span style="color: black; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-themecolor: text1;">- </span><span style="color: black; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Consolas; mso-fareast-font-family: "Times New Roman"; mso-themecolor: text1;">Type of the request. Default is GET. Possible types are GET, POST, and PUT.<o:p></o:p></span></div> <div class="MsoNormal" style="color: #666666; line-height: normal; margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="color: #666666; line-height: normal; margin-bottom: 0.0001pt;"> <span style="color: #c00000; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";">Url </span><span style="color: black; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-themecolor: text1;">- </span><span style="color: black; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Consolas; mso-fareast-font-family: "Times New Roman"; mso-themecolor: text1;">Redirecting the page to which the request is sent<o:p></o:p></span></div> <div class="MsoNormal" style="color: #666666; line-height: normal; margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="color: #666666; line-height: normal; margin-bottom: 0.0001pt;"> <span style="color: #c00000; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";">Data </span><span style="color: black; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-themecolor: text1;">- </span><span style="color: black; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Consolas; mso-fareast-font-family: "Times New Roman"; mso-themecolor: text1;">Passing parameters for the methods. It should be key/value pairs.<o:p></o:p></span></div> <div class="MsoNormal" style="color: #666666; line-height: normal; margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="color: #666666; line-height: normal; margin-bottom: 0.0001pt;"> <span style="color: #c00000; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";">DataType </span><span style="color: black; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-themecolor: text1;">- </span><span style="color: black; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Consolas; mso-fareast-font-family: "Times New Roman"; mso-themecolor: text1;">Type of data which is returned from the server. Possible data types are xml, json, script, text and html.<o:p></o:p></span></div> <div class="MsoNormal" style="color: #666666; line-height: normal; margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="color: #666666; line-height: normal; margin-bottom: 0.0001pt;"> <span style="color: #c00000; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";">Success </span><span style="color: black; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-themecolor: text1;">- </span><span style="color: black; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Consolas; mso-fareast-font-family: "Times New Roman"; mso-themecolor: text1;">This function will call if the request succeeds.<o:p></o:p></span></div> <div class="MsoNormal" style="color: #666666; line-height: normal; margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="color: #666666; line-height: normal; margin-bottom: 0.0001pt;"> <span style="color: #c00000; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";">Error </span><span style="color: black; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-themecolor: text1;">- </span><span style="color: black; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Consolas; mso-fareast-font-family: "Times New Roman"; mso-themecolor: text1;">This function will call if the request fails.<o:p></o:p></span></div> <div class="MsoNormal" style="color: #666666; line-height: normal; margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="color: #666666;"> <b><u><span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt; line-height: 115%;">AJAX – Example Program:</span></u></b><b><span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt; line-height: 115%;"><o:p></o:p></span></b></div> <div class="MsoNormal" style="color: #666666;"> <b><u><span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt; line-height: 115%;"><br /></span></u></b></div> <div style="border: 1pt solid windowtext; color: #666666; padding: 1pt 4pt;"> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="color: blue; font-family: Consolas; font-size: 9.5pt;"><</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">html</span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">xmlns</span><span style="color: blue;">="http://www.w3.org/1999/xhtml"></span><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="color: blue; font-family: Consolas; font-size: 9.5pt;"><</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">head</span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">id</span><span style="color: blue;">="Head1"</span> <span style="color: red;">runat</span><span style="color: blue;">="server"></span><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: blue;"><</span><span style="color: maroon;">title</span><span style="color: blue;">></span>Sample Ajax Call<span style="color: blue;"></</span><span style="color: maroon;">title</span><span style="color: blue;">></span><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: blue;"><</span><span style="color: maroon;">script</span> <span style="color: red;">type</span><span style="color: blue;">="text/javascript"</span> <span style="color: red;">src</span><span style="color: blue;">="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></span><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: blue;"></</span><span style="color: maroon;">script</span><span style="color: blue;">></span><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: blue;"><</span><span style="color: maroon;">script</span> <span style="color: red;">type</span><span style="color: blue;">="text/javascript"></span><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">        $(document).ready(<span style="color: blue;">function</span> () {<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">            $(<span style="color: maroon;">'#btnAjaxCall'</span>).click(<span style="color: blue;">function</span> () {<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">                <span style="color: blue;">var</span> arguments = <span style="color: maroon;">"www.jqueryjohn.com"</span>;<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <br /></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">                $.ajax({<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">                    type: <span style="color: maroon;">"POST"</span>,<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">                    url: <span style="color: maroon;">"Ajaxcall.aspx/CallServerSideMethod"</span>,<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">                    data: <span style="color: maroon;">"{'args': '"</span> + arguments + <span style="color: maroon;">"'}"</span>,<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">                    contentType: <span style="color: maroon;">"application/json; charset=utf-8"</span>,<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">                    dataType: <span style="color: maroon;">"json"</span>,<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">                    success: <span style="color: blue;">function</span> (response) {<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">                        alert(response.d);<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">                        <span style="color: blue;">return</span> <span style="color: blue;">false</span>;<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">                    },<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">                    error: <span style="color: blue;">function</span> () {<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">                        alert(<span style="color: maroon;">"error"</span>);<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">                    }<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">                });<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">                <span style="color: blue;">return</span> <span style="color: blue;">false</span>;<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">            });<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">        });<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: blue;"></</span><span style="color: maroon;">script</span><span style="color: blue;">></span><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="color: blue; font-family: Consolas; font-size: 9.5pt;"></</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">head</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">></span><span style="font-family: Consolas; font-size: 9.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="color: blue; font-family: Consolas; font-size: 9.5pt;"><</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">body</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">></span><span style="font-family: Consolas; font-size: 9.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: blue;"><</span><span style="color: maroon;">form</span> <span style="color: red;">id</span><span style="color: blue;">="form1"</span> <span style="color: red;">runat</span><span style="color: blue;">="server"></span><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: blue;"><</span><span style="color: maroon;">div</span><span style="color: blue;">></span><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">        <span style="color: blue;"><</span><span style="color: maroon;">asp</span><span style="color: blue;">:</span><span style="color: maroon;">Label</span> <span style="color: red;">ID</span><span style="color: blue;">="lbltext"</span> <span style="color: red;">runat</span><span style="color: blue;">="server"</span> <span style="color: red;">Text</span><span style="color: blue;">="Click the button to make Ajax Call"></</span><span style="color: maroon;">asp</span><span style="color: blue;">:</span><span style="color: maroon;">Label</span><span style="color: blue;">></span><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">        <span style="color: blue;"><</span><span style="color: maroon;">asp</span><span style="color: blue;">:</span><span style="color: maroon;">Button</span> <span style="color: red;">ID</span><span style="color: blue;">="btnAjaxCall"</span> <span style="color: red;">runat</span><span style="color: blue;">="server"</span> <span style="color: red;">Text</span><span style="color: blue;">="Make Ajax Call"</span> <span style="color: blue;">/></span><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">        <span style="color: blue;"><</span><span style="color: maroon;">br</span> <span style="color: blue;">/></span><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: blue;"></</span><span style="color: maroon;">div</span><span style="color: blue;">></span><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">    <span style="color: blue;"></</span><span style="color: maroon;">form</span><span style="color: blue;">></span><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="color: blue; font-family: Consolas; font-size: 9.5pt;"></</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">body</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">></span><span style="font-family: Consolas; font-size: 9.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="color: blue; font-family: Consolas; font-size: 9.5pt;"></</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">html</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">><o:p></o:p></span></div> </div> <div class="MsoNormal" style="color: #666666; line-height: 13.5pt;"> <br /></div> <div class="MsoNormal" style="color: #666666; line-height: 13.5pt;"> <u><span style="color: black; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Consolas; mso-themecolor: text1;">Code Behind:</span></u><span style="color: black; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-themecolor: text1;"><o:p></o:p></span></div> <div class="MsoNormal" style="color: #666666; line-height: 13.5pt;"> <u><span style="color: black; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Consolas; mso-themecolor: text1;"><br /></span></u></div> <div class="MsoNormal" style="color: #666666; line-height: 13.5pt;"> <span style="color: black; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Consolas; mso-themecolor: text1;">Two things are very important while we creating ajax call</span><span style="color: black; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-themecolor: text1;"><o:p></o:p></span></div> <div class="MsoNormal" style="color: #666666; line-height: 13.5pt;"> <span style="color: black; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Consolas; mso-themecolor: text1;"><br /></span></div> <div class="MsoNormal" style="color: #666666; line-height: 13.5pt;"> <span style="color: black; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Consolas; mso-themecolor: text1;">1. Method should be declared as<span class="apple-converted-space"> </span><b>WebMethod</b></span><span style="color: black; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-themecolor: text1;"><o:p></o:p></span></div> <div class="MsoNormal" style="color: #666666; line-height: 13.5pt;"> <b><span style="color: black; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Consolas; mso-themecolor: text1;">2.<span class="apple-converted-space"> </span></span></b><span style="color: black; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Consolas; mso-themecolor: text1;">Method should be<span class="apple-converted-space"> </span><b>static<o:p></o:p></b></span></div> <div class="MsoNormal" style="color: #666666; line-height: 13.5pt;"> <br /></div> <div style="border: 1pt solid windowtext; color: #666666; padding: 1pt 4pt;"> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">[System.Web.Services.<span style="color: #2b91af;">WebMethod</span>]<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="color: blue; font-family: Consolas; font-size: 9.5pt;">public</span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: blue;">static</span> <span style="color: blue;">string</span> CallServerSideMethod(<span style="color: blue;">string</span> args)<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">{<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">      <span style="color: blue;">return</span> <span style="color: #a31515;">"Welcome to "</span> + args + <span style="color: #a31515;">" "</span>;<o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-layout-grid-align: none; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in; text-autospace: none;"> <span style="font-family: Consolas; font-size: 9.5pt;">}<o:p></o:p></span></div> </div> <div class="MsoNormal" style="color: #666666;"> <span style="background-position: initial initial; background-repeat: initial initial; color: blue; font-family: Consolas; font-size: 9.5pt; line-height: 115%;"><br /> <!--[if !supportLineBreakNewLine]--><br /> <!--[endif]--></span><u><span lang="EN" style="font-family: Verdana, sans-serif; font-size: 10pt; line-height: 115%;"><o:p></o:p></span></u></div> <div style="color: #666666;"> </div> <div class="MsoNormal" style="color: #666666;"> <u><span lang="EN" style="font-family: Verdana, sans-serif; font-size: 10pt; line-height: 115%;">Calling server side method with AJAX, Invoke Server Methods From Client Side Using jQuery AJAX in ASP.NET, How to make Ajax Call using Jquery, Simple Ajax Call using Jquery, Calling server side method from client side using Jquery, Syntax for Ajax Call in Jquery.<o:p></o:p></span></u></div> </div> </div>

How to call server side methods using Ajax Call?

Description: In this article, I will explain how to call server side methods using Jquery . We can call server side methods using...

Read more »

How to check Username Availability using Jquery and Ajax?

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="MsoNormal" style="background-color: white; font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif; font-size: 13px; line-height: 18px;"> <div style="color: #666666; line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <b><u><span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Calibri;">Description:<o:p></o:p></span></u></b></div> <div style="color: #666666; line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <br /></div> <div style="line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <span style="font-family: Verdana, sans-serif; font-size: 10pt;">In this article, I will explain how to check username availability using </span><a href="http://www.jqueryjohn.com/"><span style="color: black; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-font-weight: bold; mso-themecolor: text1;">Jquery</span></a><span class="MsoHyperlink"><span style="font-family: Verdana, sans-serif; font-size: 10pt;">.<o:p></o:p></span></span></div> </div> <div style="color: #666666; line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <br /></div> <div class="MsoNormal" style="color: #666666; line-height: 14.4pt;"> <span style="background-position: initial initial; background-repeat: initial initial; color: black; font-family: Verdana, sans-serif; font-size: 10pt;">Username Availability Indication becomes really useful part of registration form.</span><o:p></o:p></div> <div class="MsoNormal" style="color: #666666; line-height: 14.4pt;"> <span style="background-position: initial initial; background-repeat: initial initial; color: black; font-family: Verdana, sans-serif; font-size: 10pt;"><br /></span></div> <div class="MsoNormal" style="color: #666666; line-height: 14.4pt;"> <span style="color: black; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-themecolor: text1;">We have to write a code to check whether a username is already been taken or not yet</span>.<span style="background-position: initial initial; background-repeat: initial initial;"><o:p></o:p></span></div> <div class="MsoNormal" style="color: #666666; line-height: 14.4pt;"> <br /></div> <div class="MsoNormal" style="color: #666666; line-height: 14.4pt;"> <span style="background-position: initial initial; background-repeat: initial initial; color: black; font-family: Verdana, sans-serif; font-size: 10pt;">When the user starts typing username, <b>keyup()</b> method will be fired and it will call Ajax method for each keystroke.</span><o:p></o:p></div> <div class="MsoNormal" style="color: #666666; line-height: 14.4pt;"> <span style="background-position: initial initial; background-repeat: initial initial; color: black; font-family: Verdana, sans-serif; font-size: 10pt;"><br /></span></div> <div class="MsoNormal" style="color: #666666; line-height: 14.4pt;"> <span style="background-position: initial initial; background-repeat: initial initial; color: black; font-family: Verdana, sans-serif; font-size: 10pt;">In the following example, I have created a procedure to find whether the entered username is exists or not.<o:p></o:p></span></div> <div class="MsoNormal" style="color: #666666; line-height: 14.4pt;"> <span style="background-position: initial initial; background-repeat: initial initial; color: black; font-family: Verdana, sans-serif; font-size: 10pt;"><br /></span></div> <div class="MsoNormal" style="color: #666666; line-height: 14.4pt;"> <span style="background-position: initial initial; background-repeat: initial initial; color: black; font-family: Verdana, sans-serif; font-size: 10pt;">If the entered data not matches with the database values, it will return indication as “Available”. <o:p></o:p></span></div> <div class="MsoNormal" style="color: #666666; line-height: 14.4pt;"> <span style="background-position: initial initial; background-repeat: initial initial; color: black; font-family: Verdana, sans-serif; font-size: 10pt;"><br /></span></div> <div class="MsoNormal" style="color: #666666; line-height: 14.4pt;"> <span style="background-position: initial initial; background-repeat: initial initial; color: black; font-family: Verdana, sans-serif; font-size: 10pt;">If the data exists in database values, it will return indication as “Username already Taken”.<o:p></o:p></span></div> <div class="MsoNormal" style="color: #666666; line-height: 14.4pt;"> <span style="background-position: initial initial; background-repeat: initial initial; color: black; font-family: Verdana, sans-serif; font-size: 10pt;"><br /></span></div> <div class="MsoNormal" style="color: #666666; line-height: 14.4pt;"> <b><u><span style="background-position: initial initial; background-repeat: initial initial; color: black; font-family: Verdana, sans-serif; font-size: 10pt;">Steps:<o:p></o:p></span></u></b></div> <div class="MsoNormal" style="color: #666666; line-height: 14.4pt;"> <b><u><span style="background-position: initial initial; background-repeat: initial initial; color: black; font-family: Verdana, sans-serif; font-size: 10pt;"><br /></span></u></b></div> <div class="MsoNormal" style="color: #666666; line-height: 13.5pt; margin-bottom: 0.0001pt;"> <span lang="EN" style="color: black; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-ansi-language: EN; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-themecolor: text1;">1. Create a table 'register'<o:p></o:p></span></div> <div class="MsoNormal" style="color: #666666; line-height: 13.5pt; margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="color: #666666; line-height: 13.5pt; margin-bottom: 0.0001pt;"> <span style="color: blue; font-family: "Courier New"; font-size: 10.0pt; mso-fareast-font-family: "Times New Roman";">create</span><span style="font-family: 'Courier New'; font-size: 10pt;"> </span><span style="color: blue; font-family: "Courier New"; font-size: 10.0pt; mso-fareast-font-family: "Times New Roman";">table </span><span style="font-family: 'Courier New'; font-size: 10pt;">register(UName </span><span style="color: blue; font-family: "Courier New"; font-size: 10.0pt; mso-fareast-font-family: "Times New Roman";">varchar</span><span style="font-family: 'Courier New'; font-size: 10pt;">(30), Pwd </span><span style="color: blue; font-family: "Courier New"; font-size: 10.0pt; mso-fareast-font-family: "Times New Roman";">varchar</span><span style="font-family: 'Courier New'; font-size: 10pt;">(30))</span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="color: #666666; line-height: 13.5pt; margin-bottom: 0.0001pt;"> <span style="color: blue; font-family: "Courier New"; font-size: 10.0pt; mso-fareast-font-family: "Times New Roman";">insert</span><span style="font-family: 'Courier New'; font-size: 10pt;"> </span><span style="color: blue; font-family: "Courier New"; font-size: 10.0pt; mso-fareast-font-family: "Times New Roman";">into </span><span style="font-family: 'Courier New'; font-size: 10pt;">register </span><span style="color: blue; font-family: "Courier New"; font-size: 10.0pt; mso-fareast-font-family: "Times New Roman";">values</span><span style="font-family: 'Courier New'; font-size: 10pt;">(</span><span style="color: red; font-family: "Courier New"; font-size: 10.0pt; mso-fareast-font-family: "Times New Roman";">'john'</span><span style="font-family: 'Courier New'; font-size: 10pt;">,</span><span style="color: red; font-family: "Courier New"; font-size: 10.0pt; mso-fareast-font-family: "Times New Roman";">'jquery'</span><span style="font-family: 'Courier New'; font-size: 10pt;">);<o:p></o:p></span></div> <div class="MsoNormal" style="color: #666666; line-height: 13.5pt; margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="color: #666666; line-height: 13.5pt; margin-bottom: 0.0001pt;"> <span lang="EN" style="color: black; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-ansi-language: EN; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-themecolor: text1;">2. Create a strored procedure to find the existence of user<o:p></o:p></span></div> <div class="MsoNormal" style="color: #666666; line-height: 13.5pt; margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="color: #666666; line-height: 13.5pt; margin-bottom: 0.0001pt;"> <span style="color: blue; font-family: "Courier New"; font-size: 10.0pt; mso-fareast-font-family: "Times New Roman";">Create</span><span style="font-family: 'Courier New'; font-size: 10pt;"> </span><span style="color: blue; font-family: "Courier New"; font-size: 10.0pt; mso-fareast-font-family: "Times New Roman";">procedure </span><span style="font-family: 'Courier New'; font-size: 10pt;">SP_CheckUser </span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="color: #666666; line-height: 13.5pt; margin-bottom: 0.0001pt;"> <span style="font-family: 'Courier New'; font-size: 10pt;">(@Input_Name </span><span style="color: blue; font-family: "Courier New"; font-size: 10.0pt; mso-fareast-font-family: "Times New Roman";">varchar</span><span style="font-family: 'Courier New'; font-size: 10pt;">(30)) </span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="color: #666666; line-height: 13.5pt; margin-bottom: 0.0001pt;"> <span style="color: blue; font-family: "Courier New"; font-size: 10.0pt; mso-fareast-font-family: "Times New Roman";">as</span><span style="font-family: 'Courier New'; font-size: 10pt;"> </span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="color: #666666; line-height: 13.5pt; margin-bottom: 0.0001pt;"> <span style="color: blue; font-family: "Courier New"; font-size: 10.0pt; mso-fareast-font-family: "Times New Roman";">begin</span><span style="font-family: 'Courier New'; font-size: 10pt;"> </span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="color: #666666; line-height: 13.5pt; margin-bottom: 0.0001pt;"> <span style="color: blue; font-family: "Courier New"; font-size: 10.0pt; mso-fareast-font-family: "Times New Roman";">if</span><span style="font-family: 'Courier New'; font-size: 10pt;"> exists(</span><span style="color: blue; font-family: "Courier New"; font-size: 10.0pt; mso-fareast-font-family: "Times New Roman";">select</span><span style="font-family: 'Courier New'; font-size: 10pt;"> 1 </span><span style="color: blue; font-family: "Courier New"; font-size: 10.0pt; mso-fareast-font-family: "Times New Roman";">from </span><span style="font-family: 'Courier New'; font-size: 10pt;">register </span><span style="color: blue; font-family: "Courier New"; font-size: 10.0pt; mso-fareast-font-family: "Times New Roman";">where</span><span style="font-family: 'Courier New'; font-size: 10pt;"> uname =@Input_Name ) </span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="color: #666666; line-height: 13.5pt; margin-bottom: 0.0001pt;"> <span style="color: blue; font-family: "Courier New"; font-size: 10.0pt; mso-fareast-font-family: "Times New Roman";">select</span><span style="font-family: 'Courier New'; font-size: 10pt;"> 1 </span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="color: #666666; line-height: 13.5pt; margin-bottom: 0.0001pt;"> <span style="color: blue; font-family: "Courier New"; font-size: 10.0pt; mso-fareast-font-family: "Times New Roman";">else</span><span style="font-family: 'Courier New'; font-size: 10pt;">  </span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="color: #666666; line-height: 13.5pt; margin-bottom: 0.0001pt;"> <span style="color: blue; font-family: "Courier New"; font-size: 10.0pt; mso-fareast-font-family: "Times New Roman";">select</span><span style="font-family: 'Courier New'; font-size: 10pt;"> 0 </span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="color: #666666; line-height: 13.5pt; margin-bottom: 0.0001pt;"> <span style="color: blue; font-family: "Courier New"; font-size: 10.0pt; mso-fareast-font-family: "Times New Roman";">end<o:p></o:p></span></div> <div class="MsoNormal" style="color: #666666; line-height: 13.5pt; margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="color: #666666; line-height: 13.5pt; margin-bottom: 0.0001pt;"> <span lang="EN" style="color: black; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-ansi-language: EN; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-themecolor: text1;">3. Call the Ajax function for keyup event.<o:p></o:p></span></div> <div class="MsoNormal" style="color: #666666; line-height: 13.5pt; margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="color: #666666; line-height: 13.5pt; margin-bottom: 0.0001pt;"> <b><u><span lang="EN" style="color: black; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-ansi-language: EN; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-themecolor: text1;">Program:<o:p></o:p></span></u></b></div> <div class="MsoNormal" style="color: #666666; line-height: 13.5pt; margin-bottom: 0.0001pt;"> <br /></div> <div style="border: 1pt solid windowtext; color: #666666; padding: 1pt 4pt;"> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"><</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">html</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;"> </span><span lang="EN" style="color: red; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">xmlns</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">="http://www.w3.org/1999/xhtml"></span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"><</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">head</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;"> </span><span lang="EN" style="color: red; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">runat</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">="server"></span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">    </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"><</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">title</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">></</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">title</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">></span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">   </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"><</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">script</span><span lang="EN" style="color: red; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">type</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">="text/javascript"</span><span lang="EN" style="color: red; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">src</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">script</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">></span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">    </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"><</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">script</span><span lang="EN" style="color: red; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">type</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">="text/javascript"></span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">        $(document).ready(</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">function</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;"> () {</span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">            $(</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">'#txtUsrName'</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">).keyup(</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">function</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;"> () {</span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">                </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">Var </span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">username = $(</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">'#txtUsrName'</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">).val();</span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <br /></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">                $.ajax({</span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">                    type: </span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">"POST"</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">,</span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">                    url: </span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">"AjaxCheckUser.aspx/FindExistence"</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">,</span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">                    data: </span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">"{'args': '"</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;"> + username + </span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">"'}"</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">,</span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">                    contentType: </span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">"application/json; charset=utf-8"</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">,</span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">                    dataType: </span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">"json"</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">,</span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">                    success: </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">function</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;"> (response) {</span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">                        </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">if</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;"> (response.d == </span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">'</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">Taken</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">'</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">) {</span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">                            $(</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">'#lblUsrNameStatus'</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">)[0].innerHTML = </span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">"User Name</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"> </span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">Already Taken"</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">;</span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">                        }</span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">                        </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">else</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;"> {</span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">                            $(</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">'#lblUsrNameStatus'</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">)[0].innerHTML = </span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">"</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">User Name </span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">Available"</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">;</span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">                        }</span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">                    }</span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">                });</span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">            });</span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">        });</span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">    </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"></</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">script</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">></span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"></</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">head</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">></span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"><</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">body</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">></span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">    </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"><</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">form</span><span lang="EN" style="color: red; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">id</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">="form1"</span><span lang="EN" style="color: red; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">runat</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">="server"></span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">    </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"><</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">div</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">></span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">        </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"><</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">asp</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">:</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">Label</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;"> </span><span lang="EN" style="color: red; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">ID</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">="lblUsrName"</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;"> </span><span lang="EN" style="color: red; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">runat</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">="server"</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;"> </span><span lang="EN" style="color: red; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">Text</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">="Select User Name:"></</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">asp</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">:</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">Label</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">></span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">        </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"><</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">asp</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">:</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">TextBox</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;"> </span><span lang="EN" style="color: red; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">ID</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">="txtUsrName"</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;"> </span><span lang="EN" style="color: red; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">runat</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">="server"></</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">asp</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">:</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">TextBox</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">></span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">        </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"><</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">asp</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">:</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">Label</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;"> </span><span lang="EN" style="color: red; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">ID</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">="lbltext"</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;"> </span><span lang="EN" style="color: red; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">runat</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">="server"</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;"> </span><span lang="EN" style="color: red; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">Text</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">="(Existing User Name:john)"></</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">asp</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">:</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">Label</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">></span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">        </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"><</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">br</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;"> </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">/></span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">        </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"><</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">asp</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">:</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">Label</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;"> </span><span lang="EN" style="color: red; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">ID</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">="lblUsrNameStatus"</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;"> </span><span lang="EN" style="color: red; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">runat</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">="server"</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;"> </span><span lang="EN" style="color: red; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">Text</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">=""></</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">asp</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">:</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">Label</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">></span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">    </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"></</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">div</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">></span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">    </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"></</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">form</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">></span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"></</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">body</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">></span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"></</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">html</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">></span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> </div> <div class="MsoNormal" style="color: #666666; line-height: 14.4pt;"> <br /></div> <div class="MsoNormal" style="color: #666666; line-height: 13.5pt; margin-bottom: 0.0001pt;"> <b><u><span lang="EN" style="font-family: Verdana, sans-serif; font-size: 10pt;">Code Behind:<o:p></o:p></span></u></b></div> <div class="MsoNormal" style="color: #666666; line-height: 13.5pt; margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="color: #666666; line-height: 13.5pt; margin-bottom: 0.0001pt;"> <span style="color: black; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Consolas; mso-fareast-font-family: "Times New Roman"; mso-themecolor: text1;">Two things are very important while we creating ajax call<o:p></o:p></span></div> <div class="MsoNormal" style="color: #666666; line-height: 13.5pt; margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="color: #666666; line-height: 13.5pt; margin-bottom: 0.0001pt;"> <span style="color: black; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Consolas; mso-fareast-font-family: "Times New Roman"; mso-themecolor: text1;">1. Method should be declared as <b>WebMethod</b></span><span style="color: black; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-themecolor: text1;"><o:p></o:p></span></div> <div class="MsoNormal" style="color: #666666; line-height: 13.5pt; margin-bottom: 0.0001pt;"> <b><span style="color: black; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Consolas; mso-fareast-font-family: "Times New Roman"; mso-themecolor: text1;">2. </span></b><span style="color: black; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Consolas; mso-fareast-font-family: "Times New Roman"; mso-themecolor: text1;">Method should be <b>static</b></span><span style="color: black; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-themecolor: text1;"><o:p></o:p></span></div> <div class="MsoNormal" style="color: #666666; line-height: 13.5pt; margin-bottom: 0.0001pt;"> <br /></div> <div style="border: 1pt solid windowtext; color: #666666; padding: 1pt 4pt;"> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">        [System.Web.Services.</span><span lang="EN" style="color: #2b91af; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">WebMethod</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">]</span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">        </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">public</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;"> </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">static</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;"> </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">string </span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">FindExistence(</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">string</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;"> args)</span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">        {</span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">            </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">String </span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">UserStatus = </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">string</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">.Empty;</span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">            </span><span lang="EN" style="color: #2b91af; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">SqlConnection </span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">con = </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">new</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;"> </span><span lang="EN" style="color: #2b91af; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">SqlConnection</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">(</span><span lang="EN" style="color: #a31515; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">"Data Source=</span><span style="color: #a31515; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">----</span><span lang="EN" style="color: #a31515; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">;Initial Catalog=TestDatabase;User ID=userid;Password=pwd;"</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">);</span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">            </span><span lang="EN" style="color: #2b91af; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">SqlCommand</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">cmd = </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">new</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;"> </span><span lang="EN" style="color: #2b91af; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">SqlCommand</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">(</span><span lang="EN" style="color: #a31515; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">"SP_CheckUser"</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">, con);</span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">            cmd.CommandType = </span><span lang="EN" style="color: #2b91af; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">CommandType</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">.StoredProcedure;</span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">            cmd.Parameters.AddWithValue(</span><span lang="EN" style="color: #a31515; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">"@Input_Name"</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">, args);</span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">            </span><span lang="EN" style="color: #2b91af; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">DataSet</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">ds = </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">new</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;"> </span><span lang="EN" style="color: #2b91af; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">DataSet</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">();</span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">            </span><span lang="EN" style="color: #2b91af; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">SqlDataAdapter </span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">da = </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">new</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;"> </span><span lang="EN" style="color: #2b91af; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">SqlDataAdapter</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">(cmd);</span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">            da.Fill(ds);</span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">            </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">string </span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">spvalue = (ds.Tables[0].Rows[0][0]).ToString();</span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">            </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">if</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">(spvalue == </span><span lang="EN" style="color: #a31515; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">"0"</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">)</span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">            {</span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">                UserStatus = </span><span lang="EN" style="color: #a31515; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">"Available"</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">;</span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">            }</span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">            </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">elseif</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;"> (spvalue == </span><span lang="EN" style="color: #a31515; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">"1"</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">)</span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">            {</span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">                UserStatus = </span><span lang="EN" style="color: #a31515; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">"</span><span style="color: #a31515; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">Taken</span><span lang="EN" style="color: #a31515; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">"</span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">;</span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">            }</span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">            </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">Return </span><span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">UserStatus;</span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="border: none; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 1.0pt 4.0pt 1.0pt 4.0pt; padding: 0in;"> <span lang="EN" style="font-family: Consolas; font-size: 9.5pt;">        }</span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;"><o:p></o:p></span></div> </div> <div class="MsoNormal" style="color: #666666; line-height: 14.4pt;"> <br /></div> <div style="color: #666666;"> </div> <div class="MsoNormal" style="color: #666666; line-height: 14.4pt;"> <u><span lang="EN" style="background-position: initial initial; background-repeat: initial initial; font-family: Verdana, sans-serif; font-size: 10pt;">Checking username availability with ajax using jQuery,Ajax Username Check - Using jQuery,jQuery Username Availability check, Check if username exists in database with AJAX, Check Email Already Exists with Jquery Ajax, Making AJAX Calls using jQuery<o:p></o:p></span></u></div> </div> </div>

How to check Username Availability using Jquery and Ajax?

Description: In this article, I will explain how to check username availability using Jquery . Username Availability Indication...

Read more »