Quick Install

Download and unzip the contents of the archive to any convenient location. The package contains the following folders:

- [php] - Contains the jqForm PHP class and the optional driver files for the appropriate database.
- [themes] - Contains the themes shipped with the product. Since jqForm supports jQuery UI Themeroller, any theme compatible with jQuery UI ThemeRoller will work for jqForm as well. Therefore, the package contains just one theme ("Redmond"). You can download any additional themes directly from jQuery UI's ThemeRoller site available here:

http://jqueryui.com/themeroller/

Just add "Redmond" theme in your PHP/HTML file.

- [js] - The javascript files of jqForm (and the needed libraries). You need to include them in your PHP page.

The first file is "jquery.js" - this is the official jQuery library.
The second file is "jquery.jqForm.js" - this is the jqForm specific libraray.
The third file is "jquery.form.js" - this is the jqquery form plugin.
The final result you will have in an PHP page containing jqForm would be something similar to that:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>My First PHP jqForm </title> 

<link rel="stylesheet" type="text/css" media="screen" href="themes/redmond/jquery-ui.custom.css" />

<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery.jqForm.js" type="text/javascript"></script>
<script src="js/jquery.form.js" type="text/javascript"></script>

</head>
<body>
......
<?php include "firstform.php";?>
.......
</body>
</html>

Save the file as myform.php or any desired name in the root directory and then create a file firstform.php with the following content.

<?php
// Include classes 
include_once 'php/jqUtils.php'; 
include_once 'php/jqForm.php'; 
// Create instance 
$myform = new jqForm();
// Set Form properties
$myform->setFormProperties('myform',array('method' => 'post', 'id' => 'myform'));
// Set url
$myform->setUrl('firstform.php');
// Set Form header 
$myform->setFormHeader('Address Details','ui-icon-pencil');
// Set Form layout 
$myform->setColumnLayout('twocolumn');
$myform->setTableStyles('','padding-top: 3px','padding-top: 3px');
// Add elements
$myform->addElement('name','text', array('label' => 'Name', 'size' => '40', 'id' => 'myform_name'));
$myform->addElement('email','email', array('label' => 'E-mail', 'size' => '40', 'id' => 'myform_email'));
$myform->addElement('address','text', array('label' => 'Address', 'size' => '40', 'id' => 'myform_address'));
$myform->addElement('tel','tel', array('label' => 'Telephone', 'required' => '1', 'id' => 'myform_tel'));
$elem_5[]=$myform->createElement('newSubmit','submit', array('value' => 'Submit', 'id' => 'newSubmit'));
$myform->addGroup("newGroup",$elem_5, array('style' => 'text-align:right;', 'id' => 'myform_newGroup'));
// Render the form 
echo $myform->renderForm($jqformparams);
?>

Run the file myform.php from your web browser. All subsequent requests will be forwarded back to the "firstform.php" file and the component will automatically handle the requests and provide the needed operation - no need for custom coding.