Jquery Validation Example1 - Developer Diary

<a href="http://docs.jquery.com/Plugins/Validation">http://docs.jquery.com/Plugins/Validation</a>

1	<a href="http://docs.jquery.com/Plugins/Validation">http://docs.jquery.com/Plugins/Validation</a>

&nbsp;

Same Example Try in above link with demo

1	Same Example Try in above link with demo

&nbsp;

&lt;html&gt;<br />&lt;head&gt;<br />  &lt;script src="<a href="http://code.jquery.com/jquery-latest.js" title="http://code.jquery.com/jquery-latest.js">http://code.jquery.com/jquery-latest.js</a>"&gt;&lt;/script&gt;<br />  &lt;script type="text/javascript" src="<a href="http://jzaefferer.github.com/jquery-validation/jquery.validate.js">http://jzaefferer.github.com/jquery-validation/jquery.validate.js</a>"&gt;&lt;/script&gt;<br />&lt;style type="text/css"&gt;<br />* { font-family: Verdana; font-size: 96%; }<br />label { width: 10em; float: left; }<br />label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }<br />p { clear: both; }<br />.submit { margin-left: 12em; }<br />em { font-weight: bold; padding-right: 1em; vertical-align: top; }<br />&lt;/style&gt;<br />  &lt;script&gt;<br />  $(document).ready(function(){<br />    $("#commentForm").validate();<br />  });<br />  &lt;/script&gt;<br />  <br />&lt;/head&gt;<br />&lt;body&gt;<br />  <br /><br /> &lt;form class="cmxform" id="commentForm" method="get" action=""&gt;<br /> &lt;fieldset&gt;<br />   &lt;legend&gt;A simple comment form with submit validation and default messages&lt;/legend&gt;<br />   &lt;p&gt;<br />     &lt;label for="cname"&gt;Name&lt;/label&gt;<br />     &lt;em&gt;*&lt;/em&gt;&lt;input id="cname" name="name" size="25" class="required" minlength="2" /&gt;<br />   &lt;/p&gt;<br />   &lt;p&gt;<br />     &lt;label for="cemail"&gt;E-Mail&lt;/label&gt;<br />     &lt;em&gt;*&lt;/em&gt;&lt;input id="cemail" name="email" size="25"  class="required email" /&gt;<br />   &lt;/p&gt;<br />   &lt;p&gt;<br />     &lt;label for="curl"&gt;URL&lt;/label&gt;<br />     &lt;em&gt;&nbsp; &lt;/em&gt;&lt;input id="curl" name="url" size="25"  class="url" value="" /&gt;<br />   &lt;/p&gt;<br />   &lt;p&gt;<br />     &lt;label for="ccomment"&gt;Your comment&lt;/label&gt;<br />     &lt;em&gt;*&lt;/em&gt;&lt;textarea id="ccomment" name="comment" cols="22"  class="required"&gt;&lt;/textarea&gt;<br />   &lt;/p&gt;<br />   &lt;p&am