|
1 |
<a href="http://docs.jquery.com/Plugins/Validation">http://docs.jquery.com/Plugins/Validation</a> |
|
1 |
|
|
1 |
Same Example Try in above link with demo |
|
1 |
|
|
1 |
<html><br /><head><br /> <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>"></script><br /> <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>"></script><br /><style type="text/css"><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 /></style><br /> <script><br /> $(document).ready(function(){<br /> $("#commentForm").validate();<br /> });<br /> </script><br /> <br /></head><br /><body><br /> <br /><br /> <form class="cmxform" id="commentForm" method="get" action=""><br /> <fieldset><br /> <legend>A simple comment form with submit validation and default messages</legend><br /> <p><br /> <label for="cname">Name</label><br /> <em>*</em><input id="cname" name="name" size="25" class="required" minlength="2" /><br /> </p><br /> <p><br /> <label for="cemail">E-Mail</label><br /> <em>*</em><input id="cemail" name="email" size="25" class="required email" /><br /> </p><br /> <p><br /> <label for="curl">URL</label><br /> <em> </em><input id="curl" name="url" size="25" class="url" value="" /><br /> </p><br /> <p><br /> <label for="ccomment">Your comment</label><br /> <em>*</em><textarea id="ccomment" name="comment" cols="22" class="required"></textarea><br /> </p><br /> <p><br /> <input class="submit" type="submit" value="Submit"/><br /> </p><br /> </fieldset><br /> </form><br /></body><br /></html> |