Login   Register  
PHP Classes
elePHPant
Icontem

File: ui-plugins/README

Recommend this page to a friend!
Stumble It! Stumble It! Bookmark in del.icio.us Bookmark in del.icio.us
  Classes of Carlo Pietrobattista  >  PHP Forms Generator and Validation  >  ui-plugins/README  >  Download  
File: ui-plugins/README
Role: Auxiliary data
Content type: text/plain
Description: readme file
Class: PHP Forms Generator and Validation
Generate and validate HTML forms dynamically
Author: By
Last change: ui-plugins for ptcforms component
Date: 1 year ago
Size: 1,590 bytes
 

Contents

Class file image Download
 
UI-PLUGINS FOR PTCFORMS COMPONENT:
 

- ptc-forms-ui-.js			Plugin to add jquery-ui styles to form fields 
- ptc-forms-validator.js		Plugin to validate form with jquery validator


**If you wish to use one of these plugins, you will need to add the following lines to the header of your page:


Jquery-ui core files:
<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/smoothness/jquery-ui.css" rel="stylesheet" /> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>

For the validator plugin download ptcforms-validator.js and add this code to the header of the page:
<link type="text/css" href="http://cdnjs.cloudflare.com/ajax/libs/qtip2/2.0.0/jquery.qtip.min.css" rel="stylesheet" />
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/qtip2/2.0.0/jquery.qtip.min.js"></script> 
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/jquery.validate.min.js"></script>
<script type="text/javascript" src="ptc-forms-validator.js"></script>

To call the validator with a form, use this inside the document ready tags:
$("form").validate();

For the ui-form plugin download ptc-forms-ui.js and add this code to the header of the page:
<script src="ptc-forms-ui.js" type="text/javascript"></script>

Use this inside the document ready tags to apply styles to a form:
$("form").form();