maxLength(100)->validate('message'); $validator->email()->validate('user-email'); // check for errors if ($validator->hasErrors()) { $_SESSION['errors']['validation-with-jquery-example-form'] = $validator->getAllErrors(); } else { $email_config = array( 'sender_email' => 'contact@phpformbuilder.pro', 'sender_name' => 'Php Form Builder', 'recipient_email' => addslashes($_POST['user-email']), 'subject' => 'Php Form Builder - Validation with jQuery Example Form', 'filter_values' => 'validation-with-jquery-example-form, captcha', 'sent_message' => '

Your message has been successfully sent !

' ); $sent_message = Form::sendMail($email_config); Form::clear('validation-with-jquery-example-form'); } } /* ================================================== The Form ================================================== */ $form = new Form('validation-with-jquery-example-form', 'horizontal', 'novalidate', 'foundation'); // $form->setMode('development'); $form->startFieldset('Validation using Native HTML5 fieldtypes / attributes', 'class=fieldset'); /* ============================================= Validation using Native HTML5 fieldtypes ============================================= */ // Not Empty $form->addInput('text', 'required-field', '', 'Not Empty', 'required'); // Email $form->addInput('email', 'user-email', '', 'Email', 'required'); // URL $form->addInput('url', 'user-url', '', 'Url', 'required'); // Textarea Not Empty $form->addTextarea('message', '', 'Textarea Not Empty', 'required'); // Range $form->addHelper('Range between 5 & 50', 'user-range'); $form->addInput('range', 'user-range', '', 'Range', 'min=5, max=50'); // Color $form->addInput('color', 'user-color', '#33cc33', 'Color'); // Min $form->addInput('number', 'user-min-number', '', 'Number Min. 50', 'min=50'); // Max $form->addInput('number', 'user-max-number', '', 'Number Max. 50', 'max=50'); // Min Length / Max Length $form->addInput('text', 'minlenght-maxlength-field', '', 'Min / Max Length', 'minlength=10, maxlength=20'); // Pattern $form->addHelper('Lowercase only', 'user-pattern'); $form->addInput('text', 'user-pattern', '', 'Pattern', 'pattern=^[a-z]+$'); // Radio $form->addRadio('radio-buttons', 'Yes', 'Yes'); $form->addRadio('radio-buttons', 'No', 'No'); $form->printRadioGroup('radio-buttons', 'Radio buttons', true, 'required'); $form->endFieldset(); $form->startFieldset('Validation using Custom HTML5 attributes (data)', 'class=fieldset'); /* ============================================= Validation using Custom HTML5 attributes ============================================= */ // Choices $form->addHelper('1 - 3 programming languages', 'choices'); $form->addCheckbox('choices', 'Java', 'Java', 'data-fv-choice, data-fv-choice___min=1, data-fv-choice___max=3, data-fv-choice___message=Please choose 1 - 3 programming languages'); $form->addCheckbox('choices', 'C/C++', 'C/C++'); $form->addCheckbox('choices', 'PHP', 'PHP'); $form->addCheckbox('choices', 'Perl', 'Perl'); $form->addCheckbox('choices', 'Ruby', 'Ruby'); $form->addCheckbox('choices', 'Python', 'Python'); $form->printCheckboxGroup('choices', 'Choices', true, 'required'); // Credit card number $form->addInput('text', 'user-ccnum', '', 'Credit card number', 'data-fv-credit-card'); // Different $form->addInput('text', 'user-different-fields-1', '', 'Different field 1'); $form->addInput('text', 'user-different-fields-2', '', 'Different field 2'); // Digits $form->addInput('text', 'user-digits', '', 'Digits', 'data-fv-digits'); // EAN $form->addInput('text', 'user-ean', '', 'EAN', 'data-fv-ean'); // Greater than $form->addInput('number', 'user-number-greater-than', '', 'Number greater than 50', 'data-fv-greater-than, data-fv-greater-than___min=50'); // Hexadecimal number $form->addInput('text', 'user-hex', '', 'Hexadecimal number', 'data-fv-hex'); // Identical $form->addInput('password', 'user-pass', '', 'Password'); $form->addInput('password', 'user-pass-confirm', '', 'Confirm Password'); // Integer $form->addInput('number', 'user-number', '', 'Integer', 'data-fv-integer'); // IP $form->addInput('text', 'user-ip', '', 'IP', 'data-fv-ip'); // Phone $form->addInput('text', 'user-phone', '', 'Phone (US)', 'data-fv-phone, data-fv-phone___country=US'); // Siren $form->addInput('text', 'user-siren', '', 'SIREN', 'data-fv-siren'); // Siret $form->addInput('text', 'user-siret', '', 'SIRET', 'data-fv-siret'); // lowercase $form->addInput('text', 'user-lowercase', '', 'lowercase', 'data-fv-string-case, data-fv-string-case___case=lower'); // UPPERCASE $form->addInput('text', 'user-uppercase', '', 'UPPERCASE', 'data-fv-string-case, data-fv-string-case___case=upper'); // Min/Max length $form->addInput('text', 'user-stringlength', '', 'Min/Max length', 'data-fv-string-length, data-fv-string-length___min=10, data-fv-string-length___max=20'); // VAT $form->addInput('text', 'user-vat', '', 'VAT (GB)', 'data-fv-vat, data-fv-vat___country=GB'); // Zipcode $form->addInput('text', 'user-zipcode', '', 'Zipcode (GB)', 'data-fv-zip-code, data-fv-zip-code___country=GB'); // Reset / Submit $form->addBtn('reset', 'reset-btn', 1, 'Reset ', 'class=button warning', 'my-btn-group'); $form->addBtn('submit', 'submit-btn', 1, 'Send ', 'class=success button', 'my-btn-group'); $form->printBtnGroup('my-btn-group'); $form->endFieldset(); $form->addPlugin('icheck', 'input', 'default', array('%theme%' => 'square-custom', '%color%' => 'green')); // jQuery validation $form->addPlugin('formvalidation', '#validation-with-jquery-example-form'); ?> Foundation Form with jQuery Live Validation - How to create PHP forms easily printIncludes('css'); ?>

Php Form Builder - Form with jQuery Live Validation
real time validation using jQuery validator plugin

Warning: The jQuery validation plugin is not available yet for Foundation 6.4+ - waiting for the version 1.0 - http://formvalidation.io/

Validation methods & arguments complete list available in Php Form Builder Class Doc

render(); ?>
printIncludes('js'); $form->printJsCode(); ?>