<?php
/** * Example for TM::Apeform (compare with PEAR::HTML_QuickForm's "groups" * example). * * @author Thiemo Mättig (http://maettig.com/) */
require_once("Apeform.class.php");
$form = new Apeform(0, 30);
$form->templates['header'] = "<tr>\n<th colspan=\"2\" class=\"header\">{header}</th>\n</tr>\n"; $form->templates['input'] = "<tr>\n<th align=\"right\" valign=\"top\">{label}" . "</th>\n<td valign=\"top\">{error}{input}{help}</td>\n</tr>\n"; $form->templates['error'] = "<div class=\"error\">{error}</div>\n"; echo '<style type="text/css">'; echo 'table{background-color:#CC9;width:450px;}'; echo '.header{background-color:#996;color:#FFC;text-align:left;}'; echo 'th,td{padding:3px;}'; echo 'small{color:#996;}'; echo 'sup{color:#F00;}'; echo '.error{color:#F00;}'; echo '</style>';
$form->header("Tests on grouped elements");
$data['lastname'] = $form->text("<u>I</u>D", "<sup>*</sup>Name", "Mamasam"); if (! $data['lastname']) { $form->error("Name is required"); } elseif (! preg_match('/^[a-z]*$/i', $data['lastname'])) { $form->error("Name is letters only"); } $data['code'] = $form->text("", "Code", "1234", 4, 5); if (! is_numeric($data['code'])) { $form->error("Code must be numeric"); }
$data['phoneNo'] = $form->text("<sup>*</sup><u>T</u>elephone", "\t-\t-", array("513", "123", "3456"), array(3, 3, 4), array(4, 4, 5)); if (empty($data['phoneNo'][0]) || empty($data['phoneNo'][1]) || empty($data['phoneNo'][2])) { $form->error("Please fill the phone field"); } elseif (! preg_match('/^\d*$/', implode("", $data['phoneNo']))) { $form->error("Value must be numeric"); }
$data['ichkABC'] = $form->checkbox("<sup>*</sup>ABCD", "", array("<u>A</u>", "<u>B</u><br>", "<u>C</u>", "<u>D</u>"), array(0)); if (count($data['ichkABC']) < 2) { $form->error("Please check at least two boxes"); }
$data['iradYesNo'] = $form->radio("<sup>*</sup>Yes/No", "", "<u>Y</u>es|<u>N</u>o"); if (! $data['iradYesNo']) { $form->error("Check Yes or No"); }
$form->submit("Submit", "<sup>*</sup> denotes required field");
$handler = "var msg = '';" . "if (! this.elements['element1'].value)" . "msg += ' - Name is required\\n';" . "else if (! this.elements['element1'].value.match(/^[a-z]*$/i))" . "msg += ' - Name is letters only\\n';" . "if (! this.elements['element2'].value.match(/^\d*$/))" . "msg += ' - Code must be numeric\\n';" . "if (! this.elements['element3[]'][0].value ||" . "! this.elements['element3[]'][1].value ||" . "! this.elements['element3[]'][2].value)" . "msg += ' - Please fill the phone field\\n';" . "else if (! (this.elements['element3[]'][0].value +" . "this.elements['element3[]'][1].value +" . "this.elements['element3[]'][2].value).match(/^\d*$/))" . "msg += ' - Value must be numeric\\n';" . "if ((this.elements['element4[]'][0].checked +" . "this.elements['element4[]'][1].checked +" . "this.elements['element4[]'][2].checked +" . "this.elements['element4[]'][3].checked) < 2)" . "msg += ' - Please check at least two boxes\\n';" . "if (! this.elements['element5'][0].checked &&" . "! this.elements['element5'][1].checked)" . "msg += ' - Check Yes or No\\n';" . "if (msg) { alert('Invalid information entered.\\n' + msg +" . "'Please correct these fields.'); return false; }"; $form->addAttribute("onsubmit", $handler);
if ($form->isValid()) { var_dump($data); echo "<hr>"; }
$form->display();
?>
|