2014-01-26 - Learn Jquery | Learning Javascript | Jquery Tutorials | Jquery Articles | Learn Scripting

How to get IP Address using Jquery?

<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;">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><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;">"#btnGetIP"</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;">                $.getJSON(<span style="color: maroon;">'http://smart-ip.net/geoip-json?callback=?'</span>, <span style="color: blue;">function</span> (data) {<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;">"My Ip:"</span> + data.host + <span style="color: maroon;">" My Country:"</span> + data.countryName);<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;">"My Timezone:"</span> + data.timezone + <span style="color: maroon;">" My City:"</span> + data.city);<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;">Button</span> <span style="color: red;">ID</span><span style="color: blue;">="btnGetIP"</span> <span style="color: red;">runat</span><span style="color: blue;">="server"</span> <span style="color: red;">Text</span><span style="color: blue;">="Button"</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="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;">
<br /></div>
<div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;">
<span style="background-position: initial initial; background-repeat: initial initial; font-family: Verdana, sans-serif; font-size: 10pt;">In
the above program, I have specified a callback function which is executed when
the response is received and it displays the IP address with the alert box.</span></div>
<div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;">
<br /></div>
<br />
<div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;">
<u><span style="color: #666666; font-family: "Calibri","sans-serif"; font-size: 11.0pt; mso-bidi-font-weight: bold;">Find System IP Address and Location using Jquery,Get
Client IP address in Jquery , Get System IP address using Jquery, Get Client
Machine IP Address using Jquery, Get IP with Jquery, IP Address using jquery,
Jquery IP Address</span></u><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></div>
</div>
</div>

How to get IP Address using Jquery?

Description: In this article, I will explain how to find IP Address using Jquery . We can get the IP address of the client mac...

How to find Occurrence of string using Jquery?

<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;">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><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;">'#txtSearchWord'</span>).bind(<span style="color: maroon;">'keyup'</span>, <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>
wordtofind = <span style="color: maroon;">"</span>occurrence<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;">                <span style="color: blue;">var</span>
textboxval = $(<span style="color: maroon;">'#txtSearchWord'</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>
existsword = textboxval.match(wordtofind);<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;">if</span>
(existsword !== <span style="color: blue;">null</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;">                    $.each(<span style="color: maroon;">'p'</span>, <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(textboxval, <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;">                        alert(<span style="color: maroon;">"Word Occured"</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;">
<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;">            });<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;">h3</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;">            Find the word 'occurance'<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;">h3</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;">            Sample content for Find occurrence
of string<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;">TextBox</span> <span style="color: red;">ID</span><span style="color: blue;">="txtSearchWord"</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 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: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-font-weight: bold;"> </span><span style="font-family: Verdana, sans-serif; font-size: 10pt; line-height: 13.5pt;"> </span></div>
<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: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-font-weight: bold;">In the above example, I am searching a word ‘occurrence’
with the match() method. If the word matches with the target string, it will
return alert method. If no match found means, it will return null value.<o:p></o:p></span></div>
<div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;">
<br /></div>
<br />
<div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;">
<u><span style="color: #666666; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-font-weight: bold;">Find Matched Text with Jquery
, Find Matched string using match function, Find occurrence of a word using
Jquery, Highlight search terms using Jquery, Find Matching words using Jquery,
Search word using match function in jquery, Search string using Jquery<o:p></o:p></span></u></div>
</div>
</div>

How to find Occurrence of string using Jquery?

Description: In this article, I will explain how to find occurrence of string using Jquery . To find occurrence of string use m...

How to add Readonly attribute using Jquery?

<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;">
<span style="color: blue; font-family: Consolas; font-size: 9.5pt; 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";">html</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"> </span><span style="color: red; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">xmlns</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">="http://www.w3.org/1999/xhtml"></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;">
<span style="color: blue; font-family: Consolas; font-size: 9.5pt; 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";">head</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"> </span><span style="color: red; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">runat</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">="server"></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;">
<span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">    </span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; 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";">title</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; 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";">title</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;">
<span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">    </span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; 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";">script</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"> </span><span style="color: red; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">type</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">="text/javascript"</span><span style="color: red; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">src</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">script</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;">
<span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">    </span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; 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";">script</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"> </span><span style="color: red; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">type</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">="text/javascript"></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;">
<span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">        $(document).ready(</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">function</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"> () {</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;">
<span style="color: #333333; font-family: Consolas; font-size: 9.5pt; 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";">"#Button1"</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">).click(</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">function</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"> () {</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;">
<span style="color: #333333; font-family: Consolas; font-size: 9.5pt; 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";">"#TextBox1"</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">).prop(</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">"readonly"</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">, </span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">true</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">);</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;">
<span style="color: darkgreen; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">//               
$("#TextBox1").attr("disabled", true); //We can make
Readonly by using disabled property also.</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;">
<span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">                </span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">return</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"> </span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">false</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">;</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;">
<span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">        
   });</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;">
<span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">        });</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;">
<span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">    </span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; 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";">script</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;">
<span style="color: blue; font-family: Consolas; font-size: 9.5pt; 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";">head</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;">
<span style="color: blue; font-family: Consolas; font-size: 9.5pt; 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";">body</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;">
<span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">    </span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; 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";">form</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"> </span><span style="color: red; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">id</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">="form1"</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"> </span><span style="color: red; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">runat</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">="server"></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;">
<span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">    </span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; 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";">div</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;">
<span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">        </span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; 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";">asp</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; 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";">TextBox</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"> </span><span style="color: red; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">ID</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">="TextBox1"</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"> </span><span style="color: red; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">runat</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">="server"></</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">asp</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; 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";">TextBox</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;">
<span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">        </span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; 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";">asp</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; 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";">Button</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"> </span><span style="color: red; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">ID</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">="Button1"</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"> </span><span style="color: red; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">runat</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">="server"</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"> </span><span style="color: red; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">Text</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">="Button"</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"> </span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">/></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;">
<span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">    </span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; 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";">div</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;">
<span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">    </span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; 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";">form</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;">
<span style="color: blue; font-family: Consolas; font-size: 9.5pt; 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";">body</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div>
<div style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 13.5pt; margin: 0in 0in 0.0001pt; padding: 0in;">
<span style="background-position: initial initial; background-repeat: initial initial; color: blue; font-family: Consolas; font-size: 9.5pt;"></</span><span style="background-position: initial initial; background-repeat: initial initial; color: maroon; font-family: Consolas; font-size: 9.5pt;">html</span><span style="background-position: initial initial; background-repeat: initial initial; color: blue; font-family: Consolas; font-size: 9.5pt;">><o:p></o:p></span></div>
</div>
<div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;">
<br /></div>
<br />
<div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;">
<u><span style="color: #666666; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-font-weight: bold;">Disable elements using Jquery,
Add Readonly attribute with Jquery , Disable fields using Jquery, How to set
Readonly textbox using Jquery, Set Readonly property using Jquery, Set Readonly
attribute, Set a Textbox to Readonly, Jquery Disable input fields, Disable
input fields using Jquery, Add Readonly using Jquery, how to make fields
readonly using Jquery<o:p></o:p></span></u></div>
</div>
</div>

How to add Readonly attribute using Jquery?

Description: In this article, I will explain how to make fields Readonly using Jquery . In some scenario, you may need no one ...

How to do Form Validation using Jquery Validation Engine?

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background: white; line-height: 14.4pt; margin-bottom: .0001pt; margin: 0in;">
<div style="background-position: initial initial; background-repeat: initial initial; line-height: 14.4pt; margin: 0in 0in 0.0001pt;">
<div style="background-position: initial initial; background-repeat: initial initial; 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="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;">
<br /></div>
<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: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-font-weight: bold;">In this article, I will explain how to perform
form validation</span><b><span style="font-family: "Calibri","sans-serif"; font-size: 11.0pt;">
</span></b><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>.  <o:p></o:p></span></div>
<div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;">
<br /></div>
<div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;">
<span style="background-position: initial initial; background-repeat: initial initial; font-family: Verdana, sans-serif; font-size: 10pt;">Validation in registration forms is extremely important
in our web development. <o:p></o:p></span></div>
<div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;">
<br /></div>
<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: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-font-weight: bold;"><a href="http://www.jqueryjohn.com/">Jquery</a>
</span><span style="background-position: initial initial; background-repeat: initial initial; font-family: Verdana, sans-serif; font-size: 10pt;">is the best way to validate forms.<o:p></o:p></span></div>
<div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;">
<br /></div>
<div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;">
<span style="background-position: initial initial; background-repeat: initial initial; font-family: Verdana, sans-serif; font-size: 10pt;">There are lot of validation plugins are available to
validate forms.<o:p></o:p></span></div>
<div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;">
<br /></div>
<div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;">
<span style="background-position: initial initial; background-repeat: initial initial; font-family: Verdana, sans-serif; font-size: 10pt;">I am going to explain about validation engine plugin.<o:p></o:p></span></div>
<div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;">
<br /></div>
<div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;">
<span style="background-position: initial initial; background-repeat: initial initial; font-family: Verdana, sans-serif; font-size: 10pt;">It is a powerful validation plugin where we can
validation all type of validations with simple way.<o:p></o:p></span></div>
<div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;">
<span style="background-position: initial initial; background-repeat: initial initial; font-family: Verdana, sans-serif; font-size: 10pt;"><br /></span></div>
<div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;">
<u><span style="background-position: initial initial; background-repeat: initial initial; font-family: Verdana, sans-serif; font-size: 10pt;">Steps:<o:p></o:p></span></u></div>
<div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;">
<br /></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.4pt;">
<span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt;">1. Download
Validation Engine Plugin<o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.4pt;">
<span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt;"><br /></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.4pt;">
<span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt;">You can download
plugin from<span class="apple-converted-space"> </span><span style="color: #333333;"><a href="https://github.com/posabsolute/jQuery-Validation-Engine"><span style="color: #720000;">https://github.com/posabsolute/jQuery-Validation-Engine</span></a><span class="apple-converted-space"> </span>or<o:p></o:p></span></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.4pt;">
<span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 10.0pt;"><span style="color: #720000;"><a href="http://plugins.jquery.com/validationengine/">http://plugins.jquery.com/validationengine/</a></span><o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.4pt;">
<span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 10.0pt;"><br /></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.4pt;">
<span style="font-family: "Verdana","sans-serif"; font-size: 9.0pt;">2. </span><span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt;">Extract it and
Include the files <span class="apple-converted-space"> </span></span><span style="color: blue; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Consolas;">jquery.validationEngine.js</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 10.0pt;">, </span><span style="color: blue; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Consolas;">jquery.validationEngine-en.js and
validationEngine.jquery.css<u1:p></u1:p></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 10.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.4pt;">
<span style="color: blue; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Consolas;"><br /></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.4pt;">
<span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt;">3. Add the<span class="apple-converted-space"> validation </span><b>class</b><span class="apple-converted-space"> </span>for the elements.<o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.4pt;">
<span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt;"><br /></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.4pt;">
<b><u><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 10.0pt;">Validation classes<o:p></o:p></span></u></b></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.4pt;">
<b><u><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 10.0pt;"><br /></span></u></b></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.4pt;">
<span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 10.0pt;">Required
Field Validation -<span class="apple-converted-space"> </span></span><span style="color: blue; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Consolas;">validate[required]<u1:p></u1:p></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 10.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.4pt;">
<span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 10.0pt;">Compare
Validation  -</span><span class="apple-converted-space"><span style="color: blue; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Consolas;"> </span></span><span style="color: blue; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Consolas;">validate[equals[IdforFieldtocompare]]<u1:p></u1:p></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 10.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.4pt;">
<span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 10.0pt;">Minimum
Field Size Validation -<span class="apple-converted-space"> </span></span><span style="color: blue; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Consolas;">validate[minSize[6]]<u1:p></u1:p></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 10.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.4pt;">
<span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 10.0pt;">Maximum
Field Size Validation -<span class="apple-converted-space"> </span></span><span style="color: blue; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Consolas;">validate[maxSize[6]]<u1:p></u1:p></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 10.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.4pt;">
<span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 10.0pt;">Minimum
Value Validation -<span class="apple-converted-space"> </span></span><span style="color: blue; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Consolas;">validate[min[25]]<u1:p></u1:p></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 10.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.4pt;">
<span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 10.0pt;">Maximum
Value Validation -<span class="apple-converted-space"> </span></span><span style="color: blue; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Consolas;">validate[max[25]]<u1:p></u1:p></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 10.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.4pt;">
<span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 10.0pt;">Integer
Value -<span class="apple-converted-space"> </span></span><span style="color: blue; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Consolas;">validate[custom[integer]]<u1:p></u1:p></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 10.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.4pt;">
<span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 10.0pt;">Decimal
Value</span><span class="apple-converted-space"><span style="color: blue; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Consolas;"> </span></span><span style="color: blue; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Consolas;">- validate[custom[number]]<u1:p></u1:p></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 10.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.4pt;">
<span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 10.0pt;">Date
Validation -<span class="apple-converted-space"> </span></span><span style="color: blue; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Consolas;">validate[custom[date]]<u1:p></u1:p></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 10.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.4pt;">
<span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 10.0pt;">Only
Letter and Number Validation</span><span class="apple-converted-space"><span style="color: blue; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Consolas;"> </span></span><span style="color: blue; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Consolas;">-
validate[custom[onlyLetterNumber]]<u1:p></u1:p></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 10.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.4pt;">
<span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 10.0pt;">Only
Letter Validation -<span class="apple-converted-space"> </span></span><span style="color: blue; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Consolas;">validate[custom[onlyLetterSp]]<u1:p></u1:p></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 10.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.4pt;">
<span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 10.0pt;">Only
Number Validation -<span class="apple-converted-space"> </span></span><span style="color: blue; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Consolas;">validate[custom[onlyNumberSp]]<u1:p></u1:p></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 10.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.4pt;">
<span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 10.0pt;">Email
Validation -<span class="apple-converted-space"> </span></span><span style="color: blue; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Consolas;">validate[custom[email]]<u1:p></u1:p></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 10.0pt;"><o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.4pt;">
<span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 10.0pt;">Email
Validation -<span class="apple-converted-space"> </span></span><span style="color: blue; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Consolas;">validate[custom[phone]]<u1:p></u1:p><o:p></o:p></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.4pt;">
<span style="color: blue; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Consolas;"><br /></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.4pt;">
<span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt;">4.<span class="apple-converted-space"><span style="background-position: initial initial; background-repeat: initial initial;"> </span></span><span style="background-position: initial initial; background-repeat: initial initial;">Once the document is ready, initialize the<span class="apple-converted-space"> </span></span></span><span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Consolas;">Validation Engine</span><span class="apple-converted-space"><span style="background-position: initial initial; background-repeat: initial initial; font-family: Verdana, sans-serif; font-size: 10pt;"> </span></span><span style="background-position: initial initial; background-repeat: initial initial; font-family: Verdana, sans-serif; font-size: 10pt;">widget
to the form.</span><o:p></o:p></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.4pt;">
<span style="font-family: Consolas; font-size: 9.5pt; line-height: normal;"> $(document).ready(</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; line-height: normal;">function</span><span style="font-family: Consolas; font-size: 9.5pt; line-height: normal;"> () {</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: Consolas; font-size: 9.5pt;">     $(<span style="color: maroon;">"#formID"</span>).validationEngine();<o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;">
<span style="font-family: Consolas; font-size: 9.5pt;"> });<o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;">
<br /></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.4pt;">
<b><u><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 10.0pt;">Example Program:<o:p></o:p></span></u></b></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.4pt;">
<b><u><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 10.0pt;"><br /></span></u></b></div>
<div style="border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-element: para-border-div; padding: 1.0pt 4.0pt 1.0pt 4.0pt;">
<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;">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>Form Validation Using Jquery<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;">src</span><span style="color: blue;">="jquery.validationEngine-en.js"</span>
<span style="color: red;">type</span><span style="color: blue;">="text/javascript"></</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;">src</span><span style="color: blue;">="jquery.validationEngine.js"</span>
<span style="color: red;">type</span><span style="color: blue;">="text/javascript"></</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;">link</span>
<span style="color: red;">href</span><span style="color: blue;">="validationEngine.jquery.css"</span>
<span style="color: red;">rel</span><span style="color: blue;">="stylesheet"</span>
<span style="color: red;">type</span><span style="color: blue;">="text/css"</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;">"#frmValidation"</span>).validationEngine();<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;">="frmValidation"</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;">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;">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;">TextBox</span> <span style="color: red;">ID</span><span style="color: blue;">="txtPassword"</span>
<span style="color: red;">runat</span><span style="color: blue;">="server"</span>
<span style="color: red;">class</span><span style="color: blue;">="validate[required]"></</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;">="txtConfrmPwd"</span>
<span style="color: red;">runat</span><span style="color: blue;">="server"</span>
<span style="color: red;">class</span><span style="color: blue;">="validate[equals[txtPassword]]"></</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;">="txtMinSize"</span>
<span style="color: red;">runat</span><span style="color: blue;">="server"</span>
<span style="color: red;">class</span><span style="color: blue;">="validate[required,minSize[6]]"></</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;">="txtMaxSize"</span>
<span style="color: red;">runat</span><span style="color: blue;">="server"</span>
<span style="color: red;">class</span><span style="color: blue;">="validate[maxSize[6]]"></</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;">="txtInteger"</span>
<span style="color: red;">runat</span><span style="color: blue;">="server"</span>
<span style="color: red;">class</span><span style="color: blue;">="validate[custom[integer]]"></</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;">="txtMinVal"</span>
<span style="color: red;">runat</span><span style="color: blue;">="server"</span>
<span style="color: red;">class</span><span style="color: blue;">="validate[custom[integer,min[25]]"></</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;">="txtMaxVal"</span>
<span style="color: red;">runat</span><span style="color: blue;">="server"</span>
<span style="color: red;">class</span><span style="color: blue;">="validate[custom[integer,max[25]]]"></</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;">="txtDate"</span>
<span style="color: red;">runat</span><span style="color: blue;">="server"</span>
<span style="color: red;">class</span><span style="color: blue;">="validate[custom[date]]"></</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;">="txtDtRangePast"</span>
<span style="color: red;">runat</span><span style="color: blue;">="server"</span>
<span style="color: red;">class</span><span style="color: blue;">="validate[custom[date,past[2014/01/01]]]"></</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;">="txtDtRangeFuture"</span>
<span style="color: red;">runat</span><span style="color: blue;">="server"</span>
<span style="color: red;">class</span><span style="color: blue;">="validate[custom[date,future[2014/01/01]]]"></</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;">="txtDecimel"</span>
<span style="color: red;">runat</span><span style="color: blue;">="server"</span>
<span style="color: red;">class</span><span style="color: blue;">="validate[custom[number]]"></</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;">="txtLetterNumber"</span>
<span style="color: red;">runat</span><span style="color: blue;">="server"</span>
<span style="color: red;">class</span><span style="color: blue;">="validate[custom[onlyLetterNumber]]"></</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;">="txtNumber"</span>
<span style="color: red;">runat</span><span style="color: blue;">="server"</span>
<span style="color: red;">class</span><span style="color: blue;">="validate[custom[onlyNumberSp]]"></</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;">="txtLetter"</span>
<span style="color: red;">runat</span><span style="color: blue;">="server"</span>
<span style="color: red;">class</span><span style="color: blue;">="validate[custom[onlyLetterSp]]"></</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;">="txtEmail"</span>
<span style="color: red;">runat</span><span style="color: blue;">="server"</span>
<span style="color: red;">class</span><span style="color: blue;">="validate[custom[email]]"></</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;">="txtPhone"</span>
<span style="color: red;">runat</span><span style="color: blue;">="server"</span>
<span style="color: red;">class</span><span style="color: blue;">="validate[custom[phone]]"></</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;">Button</span> <span style="color: red;">ID</span><span style="color: blue;">="btnValidate"</span>
<span style="color: red;">runat</span><span style="color: blue;">="server"</span>
<span style="color: red;">Text</span><span style="color: blue;">="Button"</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="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;">
<br /></div>
<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; line-height: 13.5pt;">In the above example program, I have performed all type
of validations with the fields. Just add the validation class with the elements
for performing validations.</span></div>
<div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;">
<br /></div>
<u1:p></u1:p>

<u1:p></u1:p>

<br />
<div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;">
<u><span style="background-position: initial initial; background-repeat: initial initial; color: #666666; font-family: Verdana, sans-serif; font-size: 10pt;">Form
Validation using Jquery, Page Validation with Jquery , Validate Page using
Jquery Validation Engine Plugin, Jquery Validation Engine, Validation Engine
with Jquery, All field Validation using Jquery, How to Perform All Validation
using Jquery Validation Engine, Jquery Validation, How to validate forms in
Jquery<o:p></o:p></span></u></div>
</div>
</div>
</div>

How to do Form Validation using Jquery Validation Engine?

Description: In this article, I will explain how to perform form validation using Jquery . Validation in registration forms i...