// Set url $newForm->setUrl($SERVER_HOST . $SELF_PATH . 'defaulticon.php'); // Set Form header $formhead = 'Shipping Details'; $newForm->setFormHeader($formhead, 'ui-icon-mail-closed'); // Set parameters $jqformparams = array(); // Set SQL Command, table, keys $newForm->table = 'orders'; $newForm->setPrimaryKeys('OrderID'); $newForm->serialKey = true; // Set Form layout $newForm->setColumnLayout('twocolumn'); $newForm->setTableStyles('width:580px;', '', ''); // Add elements $newForm->addElement('OrderID', 'hidden', array('label' => 'OrderID', 'id' => 'newForm_OrderID')); $newForm->addElement('ShipName', 'text', array('label' => 'Name', 'maxlength' => '40', 'style' => 'width:98%;', 'id' => 'newForm_ShipName')); $newForm->addElement('ShipAddress', 'text', array('label' => 'Address', 'maxlength' => '60', 'style' => 'width:98%;', 'id' => 'newForm_ShipAddress')); $newForm->addElement('ShipCity', 'text', array('label' => 'City', 'maxlength' => '15', 'size' => '20', 'id' => 'newForm_ShipCity')); $newForm->addElement('ShipPostalCode', 'text', array('label' => 'PostalCode', 'maxlength' => '10', 'size' => '20', 'id' => 'newForm_ShipPostalCode')); $newForm->addElement('ShipCountry', 'text', array('label' => 'Country', 'maxlength' => '15', 'size' => '20', 'id' => 'newForm_ShipCountry')); $newForm->addElement('Freight', 'number', array('label' => 'Freight', 'id' => 'newForm_Freight')); $elem_8[] = $newForm->createElement('newSubmit', 'submit', array('value' => 'Submit')); $newForm->addGroup("newGroup", $elem_8, array('style' => 'text-align:right;', 'id' => 'newForm_newGroup')); // Add events // Add ajax submit events $newForm->setAjaxOptions(array('iframe' => false, 'forceSync' => false)); // Demo mode - no input $newForm->demo = true; // Render the form echo $newForm->renderForm($jqformparams);
// Set Form header $formhead = 'Shipping Details'; $newForm->setFormHeader($formhead, 'ui-icon-mail-closed'); // Set parameters $jqformparams = array(); // Set SQL Command, table, keys $newForm->table = 'orders'; $newForm->setPrimaryKeys('OrderID'); $newForm->serialKey = true; // Set Form layout $newForm->setColumnLayout('twocolumn'); $newForm->setTableStyles('width:580px;', '', ''); // Add elements $newForm->addElement('OrderID', 'hidden', array('label' => 'OrderID', 'id' => 'newForm_OrderID')); $newForm->addElement('ShipName', 'text', array('label' => 'Name', 'maxlength' => '40', 'placeholder' => 'Enter Ship name', 'style' => 'width:98%;', 'id' => 'newForm_ShipName')); $newForm->addElement('ShipAddress', 'text', array('label' => 'Address', 'maxlength' => '60', 'placeholder' => 'Enter Ship Address', 'style' => 'width:98%;', 'id' => 'newForm_ShipAddress')); $newForm->addElement('ShipCity', 'text', array('label' => 'City', 'maxlength' => '15', 'size' => '20', 'placeholder' => 'Enter Ship City', 'id' => 'newForm_ShipCity')); $newForm->addElement('ShipPostalCode', 'text', array('label' => 'PostalCode *', 'maxlength' => '10', 'size' => '20', 'pattern' => '^[\\d]{5}(-[\\d]{4})?$', 'placeholder' => 'Enter 5 or 9 digit postal code', 'title' => 'Enter valid postal code', 'id' => 'newForm_ShipPostalCode')); $newForm->addElement('ShipCountry', 'text', array('label' => 'Country', 'maxlength' => '15', 'size' => '20', 'id' => 'newForm_ShipCountry')); $newForm->addElement('Freight', 'number', array('label' => 'Freight', 'min' => '0.1', 'max' => '40', 'step' => '0.5', 'id' => 'newForm_Freight')); $newForm->addElement('email', 'email', array('label' => 'Email ', 'style' => 'width:98%;', 'id' => 'newForm_email')); $newForm->addElement('url', 'url', array('label' => 'Company Url', 'style' => 'width:98%;', 'id' => 'newForm_url')); $elem_10[] = $newForm->createElement('newSubmit', 'submit', array('value' => 'Submit')); $newForm->addGroup("newGroup", $elem_10, array('style' => 'text-align:right;', 'id' => 'newForm_newGroup')); // Add events // Add ajax submit events $newForm->setAjaxOptions(array('dataType' => 'html', 'resetForm' => null, 'clearForm' => null, 'iframe' => false, 'forceSync' => false)); // Demo mode - no input $newForm->demo = true; // Render the form echo $newForm->renderForm($jqformparams);
$newForm->table = 'orders'; $newForm->setPrimaryKeys('OrderID'); $newForm->serialKey = true; // Set Form layout $newForm->setColumnLayout('twocolumn'); $newForm->setTableStyles('width:580px;', '', ''); // Add elements $newForm->addElement('OrderID', 'hidden', array('label' => 'OrderID', 'id' => 'newForm_OrderID')); $newForm->addElement('ShipName', 'text', array('label' => 'Name', 'maxlength' => '40', 'style' => 'width:98%;', 'id' => 'newForm_ShipName')); $newForm->addElement('ShipAddress', 'text', array('label' => 'Address', 'maxlength' => '60', 'style' => 'width:98%;', 'id' => 'newForm_ShipAddress')); $newForm->addElement('ShipCity', 'text', array('label' => 'City', 'maxlength' => '15', 'size' => '20', 'id' => 'newForm_ShipCity')); $newForm->addElement('ShipPostalCode', 'text', array('label' => 'PostalCode', 'maxlength' => '10', 'size' => '20', 'id' => 'newForm_ShipPostalCode')); $newForm->addElement('ShipCountry', 'text', array('label' => 'Country', 'maxlength' => '15', 'size' => '20', 'id' => 'newForm_ShipCountry')); $newForm->addElement('Freight', 'number', array('label' => 'Freight', 'id' => 'newForm_Freight')); $newForm->addElement('newFile', 'file', array('label' => 'Attachment', 'id' => 'newForm_newFile')); $elem_9[] = $newForm->createElement('newSubmit', 'submit', array('value' => 'Submit')); $newForm->addGroup("newGroup", $elem_9, array('style' => 'text-align:right;', 'id' => 'newForm_newGroup')); // automatic file upload options $newForm->setUploadOptions('newFile', array('dir' => './', 'filetypes' => '', 'filesize' => 1048576, 'fileprefix' => '')); // Add events // Add ajax submit events $success = <<<SU function( response, status, xhr) { \$("#demo").html(response); } SU; $newForm->setAjaxOptions(array('dataType' => null, 'resetForm' => null, 'clearForm' => null, 'success' => 'js:' . $success, 'iframe' => true, 'forceSync' => false)); // Demo mode - no input $newForm->demo = true; // Render the form echo $newForm->renderForm($jqformparams);
$newForm->serialKey = true; // Set Form layout $newForm->setColumnLayout('twocolumn'); $newForm->setTableStyles('width:580px;', '', ''); // Add elements $newForm->addElement('OrderID', 'hidden', array('label' => 'OrderID', 'id' => 'newForm_OrderID')); $newForm->addElement('ShipName', 'text', array('label' => 'ShipName', 'maxlength' => '40', 'style' => 'width:98%;', 'id' => 'newForm_ShipName')); $newForm->addElement('ShipAddress', 'text', array('label' => 'ShipAddress', 'maxlength' => '60', 'style' => 'width:98%;', 'id' => 'newForm_ShipAddress')); $newForm->addElement('ShipCity', 'text', array('label' => 'ShipCity', 'maxlength' => '15', 'size' => '20', 'id' => 'newForm_ShipCity')); $newForm->addElement('ShipPostalCode', 'text', array('label' => 'ShipPostalCode', 'maxlength' => '10', 'size' => '20', 'id' => 'newForm_ShipPostalCode')); $newForm->addElement('ShipCountry', 'text', array('label' => 'ShipCountry', 'maxlength' => '15', 'size' => '20', 'id' => 'newForm_ShipCountry')); $newForm->addElement('Freight', 'number', array('label' => 'Freight', 'id' => 'newForm_Freight')); $elem_8[] = $newForm->createElement('newSubmit', 'submit', array('value' => 'Submit')); $newForm->addGroup("newGroup", $elem_8, array('style' => 'text-align:right;', 'id' => 'newForm_newGroup')); // Add events // Add ajax submit events $beforeSubmit = <<<BS function(arr, form, options) { var Form = form[0]; if(Form.Freight.value > 20) { alert("Please enter value less then 20"); return false; } } BS; $newForm->setAjaxOptions(array('dataType' => null, 'resetForm' => null, 'clearForm' => null, 'beforeSubmit' => 'js:' . $beforeSubmit, 'iframe' => false, 'forceSync' => false)); // Demo mode - no input $newForm->demo = true; // Render the form echo $newForm->renderForm($jqformparams);