| 
<?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();
 
 ?>
 |