JQueryValidate < System

Downloads

release

dev builds

extras

themes

Documentation

manual

wiki

device status

Support

forums

mailing lists

IRC

Development

bugs

patches

dev guide

Wiki > System > JQueryPlugin > JQueryValidate

---+ %TOPIC%
%JQPLUGINS{"validate"
  format="
    Homepage: $homepage <br />
    Author(s): $author <br />
    Version: $version
  "
}%

%STARTSECTION{"summary"}%
Very powerful client-side form validation framework
([[http://bassistance.de/2007/07/04/about-client-side-form-validation-and-frameworks/][article]]).
%ENDSECTION{"summary"}%

---++ Examples

%JQREQUIRE{"validate, maskedinput"}%

<form id="validateForm" class="jqValidate">
<div class="foswikiFormSteps">
  <div class="foswikiFormStep">
    <h3>First name:</h3>
    <input type="text" size="30" class="foswikiInputField {required:true}" name="firstname" value="%URLPARAM{"firstname"}%" />

    <h3>Last name:</h3>
    <input type="text" size="30" class="foswikiInputField {required:true}" name="lastname"  value="%URLPARAM{"lastname"}%" />

    <h3>Date of birth:</h3>
    <input type="text" size="10" class="required date foswikiInputField" mask="99/99/9999" name="dateofbirth" value="%URLPARAM{"dateofbirth"}%" />
  </div>
  <div class="foswikiFormStep foswikiFormButtons foswikiFormLast">
    %BUTTON{"%MAKETEXT{"Submit"}%" type="submit" icon="application"}%
    %CLEAR%
  </div>
</div>
</form>

%IF{"'%URLPARAM{"dateofbirth"}%'!=''" then="<div class='foswikiSuccessMessage'>Thanks.</div>"}%

r1 - 12 Sep 2011 - 14:37:29 - ProjectContributor

Parents: JQueryPlugin

Copyright © by the contributing authors. All material on this site is the property of the contributing authors.
Ideas, requests, problems regarding Wiki? Send feedback