PHP Classes

File: index.php

Recommend this page to a friend!
  Classes of RenÚ Mansveld   PHP HTML5 Form   index.php   Download  
File: index.php
Role: Example script
Content type: text/plain
Description: Sample page
Class: PHP HTML5 Form
Display and validate a form that uses HTML5
Author: By
Last change:
Date: 4 months ago
Size: 80,673 bytes
 

Contents

Class file image Download
<!DOCTYPE html> <html lang="en"> <head> <base href="https://html5form.owip.info/"> <meta charset="utf-8"> <title>html5form class ? Our Work In Progress</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="html5form class"> <meta name="keywords" content="html5 form php php7 class"> <meta name="author" content="RenÚ Mansveld"> <meta name="robots" content="index,follow"> <meta name="revisit-after" content="-1"> <link rel="stylesheet" href="css/style.min.css"> <script src="https://code.jquery.com/jquery-3.6.1.min.js" integrity="sha256-o88AwQnZB+VDvE9tvIXrMQaPlFFSUTR+nldQm1LuPXQ=" crossorigin="anonymous"></script> <script src="js/cookies.js"></script> <script src="js/common.js"></script> </head> <body> <noscript> <div id="NoScript" style="margin: 4px auto; padding: 3px 6px; width: 500px; border: 4px solid #E00; font-weight: bold; text-align: center; color: #F00; background-color: #FEEFDA;"> JavaScript ist deactivated!<br />Please activate JavaScript to be able to use the entire functionallity of this website. </div> </noscript> <div id="DarkBackground" class="darkBackground" onclick="closePopup();"></div> <div id="PopupWindow" class="popupWindow"> <div style="position: absolute; top: -22px; right: -22px; z-index: 220;"> <img src="images/ClosePopup.png" alt="Schlie&szlig;en" onclick="closePopup();" style="cursor: pointer;" /> </div> <div id="Content"></div> </div> <div class="center"> <h1>class.html5form.php</h1> <h2>The most complete html5 form generator and validator php class</h2> <p>An easy-to-use php class to display html5 forms with validation both in js (before sending) and php (after sending).</p> <p>Available field types are:</p> <ul class="cloud"> <li class="function" data-function="bic">bic</li> <li class="function" data-function="checkbox">checkbox</li> <li class="function" data-function="checkboxgroup">checkboxgroup</li> <li class="function" data-function="color">color</li> <li class="function" data-function="creditcard">creditcard</li> <li class="function" data-function="currency">currency</li> <li class="function" data-function="date">date</li> <li class="function" data-function="email">email</li> <li class="function" data-function="file">file</li> <li class="function" data-function="float">float</li> <li class="function" data-function="hidden">hidden</li> <li class="function" data-function="iban">iban</li> <li class="function" data-function="integer">integer</li> <li class="function" data-function="ip">ip</li> <li class="function" data-function="name">name</li> <li class="function" data-function="password">password</li> <li class="function" data-function="radio">radio</li> <li class="function" data-function="radiogroup">radiogroup</li> <li class="function" data-function="range">range</li> <li class="function" data-function="select">select</li> <li class="function" data-function="select">select multiple</li> <li class="function" data-function="tel">tel</li> <li class="function" data-function="text">text</li> <li class="function" data-function="textarea">textarea</li> <li class="function" data-function="time">time</li> <li class="function" data-function="url">url</li> <li class="function" data-function="zipcode">zipcode</li> <li class="function" data-function="code">code</li> <li class="function" data-function="button">button</li> <li class="function" data-function="reset">reset</li> <li class="function" data-function="submit">submit</li> </ul> <h2>Sample contact form (no data saved or used)</h2> <p>After sending the form, the fields get validated (again if javascript is enabled), and if there are errors, a list of the non-valid fields is returned (on this page they get displayed right below this text)</p> <?php include('src/classes/class.html5form.php'); if (isset($_POST['save'])) { $ret = html5form::checkFormData($_POST); if (is_array($ret)) { echo '<pre>Errors = ' . print_r($ret, true) . '</pre>'; } } $oForm = new html5form('.'); $oForm->addCode('<div class="left halfWidth">'); $oForm->addNameField('Name *', 'name', $_POST['name'], null, null, true, 'full name, at least 2 words', array(array('function' => 'str_word_count', 'operator' => '>=', 'compare' => 2))); $oForm->addCode('</div><div class="right halfWidth">'); $oForm->addTelField('Phone number *', 'phone', $_POST['phone'], null, null, true); $oForm->addCode('</div><div class="clear"></div><div class="left halfWidth">'); $oForm->addEmailField('Email address *', 'email', $_POST['email'], true); $oForm->addCode('</div><div class="right halfWidth">'); $oForm->addRadioGroup('Gender *', 'gender', array(array('male', 'Male', ($_POST['gender'] == 'male')), array('female', 'Female', ($_POST['gender'] == 'female'))), true, LabelPositions::before, 'description'); $oForm->addCode('</div><div class="clear"></div>'); $oForm->addTextarea('Request *', 'request', $_POST['request'], null, null, true, 'at least 10 words', array(array('function' => 'str_word_count', 'operator' => '>=', 'compare' => 10)), LabelPositions::before, 'high'); $oForm->addCode('<h3 style="margin: 8px 0 4px 0">Location</h3>'); $oForm->addCode('<div class="left halfWidth">'); $oForm->addNumericField('Latitude', 'lat', NumericFieldTypes::float, $_POST['lat']); $oForm->addCode('</div><div class="right halfWidth">'); $oForm->addNumericField('Longitude', 'lon', NumericFieldTypes::float, $_POST['lon']); $oForm->addCode('</div>'); $oForm->addCode('<script> function position(pos) { document.getElementsByName("lat")[0].value = pos.coords.latitude; document.getElementsByName("lon")[0].value = pos.coords.longitude; } function positionError(error) { switch (error.code) { case error.PERMISSION_DENIED: // alert("Permission denied"); break; case error.POSITION_UNAVAILABLE: // alert("Position unavailable"); break; case error.TIMEOUT: // alert("Timeout"); break; case error.UNKNOWN_ERROR: // alert("Unknown error"); break; } getIpLocation(); } function getIpLocation() { $.ajax({ url: "http://ip-api.com/json/", method: "get", cache: false, contentType: "json", processData: false, success: function(data) { var geo = $.parseJSON(data); document.getElementsByName("lat")[0].value = pos.coords.latitude; document.getElementsByName("lon")[0].value = pos.coords.longitude; }, error: function() { alert("Dein aktueller Standort konnte nicht ermittelt werden. Bitte gib ihn selbst so genau wie m÷glich ein."); } }); } if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(position, positionError, { enableHighAccuracy: true, timeout: 5000, maximumAge: 10 }); } else { getIpLocation(); } </script>'); $oForm->addCode('<h3 style="margin: 8px 0 4px 0">Legal</h3>'); $oForm->addCheckbox('Privacy *', 'privacy', '1', false, true, LabelPositions::before, 'I know my data won\'t be used or saved, it will only be validated and returned to me', 'description'); $oForm->addButton('Send', ButtonTypes::submit, 'save', 'Save', '', '', ' ', 'desktop'); $oForm->addButton('Reset', ButtonTypes::reset, '', 'Cancel'); $oForm->display(); ?> <p>Don't worry, this page, including the stylesheet (both style.scss and style.min.css) are included in the download ;-)</p> <p>The entire code of this sample contact form: <span class="function" data-function="form-code">form-code</span></p> </div> <div class="function-description phpcomment bic"> <div class="line">/**</div> <div class="line"> * function addBicField()</div> <div class="line"> * </div> <div class="line"> * Adds a label and field for bank account BIC values</div> <div class="line"> * </div> <div class="line"> * <span class="keyword">@param string</span> $label The label text to show</div> <div class="line"> * <span class="keyword">@param string</span> $input The name of the input</div> <div class="line"> * <span class="keyword">@param string</span>|<span class="keyword">null</span> $value The preset value of the input</div> <div class="line"> * <span class="keyword">@param bool</span> $required Must this field be non empty</div> <div class="line"> * <span class="keyword">@param string</span> $placeholder Placeholder text</div> <div class="line"> * <span class="keyword">@param array</span> $restrictions Additional restrictions to be checked</div> <div class="line"> * array(</div> <div class="line"> * array('function' => &lt;Function&gt;, 'operator' => &lt;Operator&gt;, 'compare' => &lt;Compare&gt;),</div> <div class="line"> * ...</div> <div class="line"> * )</div> <div class="line"> * 'function' can be one of [value|strlen|...]</div> <div class="line"> * 'operator' can be one of [==|===|!=|!==|&gt;|&gt;=|&lt;|&lt;=]</div> <div class="line"> * 'compare' must be the value to compare against</div> <div class="line"> * Also non-associative allowed: array(array(&lt;Function&gt;, &lt;Operator&gt;, &lt;Compare&gt;), ...)</div> <div class="line"> * <span class="keyword">@param</span> <span class="class">LabelPositions</span> $labelPosition The position of the label relative to the input (before|after)</div> <div class="line"> * <span class="keyword">@param string</span> $className The name of the additional class</div> <div class="line"> * <span class="keyword">@param string</span> $additionalCss Additional CSS to the input</div> <div class="line"> */</div> </div> <div class="function-description phpcomment checkbox"> <div class="line">/**</div> <div class="line"> * function addCheckbox()</div> <div class="line"> * </div> <div class="line"> * Ads a label and checkbox field with additional descriptive label</div> <div class="line"> * </div> <div class="line"> * <span class="keyword">@param string</span> $label The label text to show</div> <div class="line"> * <span class="keyword">@param string</span> $input The name of the input</div> <div class="line"> * <span class="keyword">@param string</span>|<span class="keyword">null</span> $value The preset value of the input</div> <div class="line"> * <span class="keyword">@param bool</span> $checked Is this element preselected</div> <div class="line"> * <span class="keyword">@param bool</span> $required Must this field be non empty</div> <div class="line"> * <span class="keyword">@param</span> <span class="class">LabelPositions</span> $labelPosition The position of the label relative to the input (before|after)</div> <div class="line"> * <span class="keyword">@param string</span> $descriptiveLabel A descriptive label on the other side of the checkbox</div> <div class="line"> * <span class="keyword">@param string</span> $descriptiveLabelClass The class name of the descriptive label</div> <div class="line"> * <span class="keyword">@param string</span> $className The name of the additional class</div> <div class="line"> * <span class="keyword">@param string</span> $additionalCss Additional CSS to the input</div> <div class="line"> */</div> </div> <div class="function-description phpcomment checkboxgroup"> <div class="line">/**</div> <div class="line"> * function addCheckboxGroup()</div> <div class="line"> * </div> <div class="line"> * Ads a label and checkbox fields with additional descriptive labels</div> <div class="line"> * </div> <div class="line"> * <span class="keyword">@param string</span> $label The label text to show</div> <div class="line"> * <span class="keyword">@param array</span> $values Array of checkbox data</div> <div class="line"> * array(</div> <div class="line"> * array(</div> <div class="line"> * &lt;input&gt; The name of the input</div> <div class="line"> * &lt;value&gt; The value of this checkbox</div> <div class="line"> * &lt;descriptiveLabel&gt; A descriptive label on the side of the checkbox</div> <div class="line"> * &lt;checked&gt; Is this checkbox checked</div> <div class="line"> * &lt;required&gt; Must one radio be selected</div> <div class="line"> * ), ...</div> <div class="line"> * )</div> <div class="line"> * <span class="keyword">@param</span> <span class="class">LabelPositions</span> $labelPosition The position of the label relative to the input (before|after)</div> <div class="line"> * <span class="keyword">@param string</span> $descriptiveLabelClass The class name of the descriptive label</div> <div class="line"> * <span class="keyword">@param string</span> $className The name of the additional class</div> <div class="line"> * <span class="keyword">@param string</span> $additionalCss Additional CSS to the input</div> <div class="line"> */</div> </div> <div class="function-description phpcomment color"> <div class="line">/**</div> <div class="line"> * function addColorField()</div> <div class="line"> * </div> <div class="line"> * Adds a label and field for bank account BIC values</div> <div class="line"> * </div> <div class="line"> * <span class="keyword">@param string</span> $label The label text to show</div> <div class="line"> * <span class="keyword">@param string</span> $input The name of the input</div> <div class="line"> * <span class="keyword">@param string</span>|<span class="keyword">null</span> $value The preset value of the input</div> <div class="line"> * <span class="keyword">@param bool</span> $required Must this field be non empty</div> <div class="line"> * <span class="keyword">@param array</span> $restrictions Additional restrictions to be checked</div> <div class="line"> * array(</div> <div class="line"> * array('function' => &lt;Function&gt;, 'operator' => &lt;Operator&gt;, 'compare' => &lt;Compare&gt;),</div> <div class="line"> * ...</div> <div class="line"> * )</div> <div class="line"> * 'function' can be one of [value|strlen|...]</div> <div class="line"> * 'operator' can be one of [==|===|!=|!==|>|>=|<|<=]</div> <div class="line"> * 'compare' must be the value to compare against</div> <div class="line"> * Also non-associative allowed: array(array(&lt;Function&gt;, &lt;Operator&gt;, &lt;Compare&gt;), ...)</div> <div class="line"> * <span class="keyword">@param</span> <span class="class">LabelPositions</span> $labelPosition The position of the label relative to the input (before|after)</div> <div class="line"> * <span class="keyword">@param string</span> $className The name of the additional class</div> <div class="line"> * <span class="keyword">@param string</span> $additionalCss Additional CSS to the input</div> <div class="line"> */</div> </div> <div class="function-description phpcomment creditcard"> <div class="line">/**</div> <div class="line"> * function addCreditCardField()</div> <div class="line"> * </div> <div class="line"> * Adds a label and field to the form</div> <div class="line"> * </div> <div class="line"> * <span class="keyword">@param string</span> $label The label text to show</div> <div class="line"> * <span class="keyword">@param string</span> $input The name of the input</div> <div class="line"> * <span class="keyword">@param string</span>|<span class="keyword">null</span> $value The preset value of the input</div> <div class="line"> * <span class="keyword">@param bool</span> $required Must this field be non empty</div> <div class="line"> * <span class="keyword">@param string</span> $placeholder Placeholder text</div> <div class="line"> * <span class="keyword">@param array</span> $restrictions Additional restrictions to be checked</div> <div class="line"> * array(</div> <div class="line"> * array('function' => &lt;Function&gt;, 'operator' => &lt;Operator&gt;, 'compare' => &lt;Compare&gt;),</div> <div class="line"> * ...</div> <div class="line"> * )</div> <div class="line"> * 'function' can be one of [value|strlen|...]</div> <div class="line"> * 'operator' can be one of [==|===|!=|!==|>|>=|<|<=]</div> <div class="line"> * 'compare' must be the value to compare against</div> <div class="line"> * Also non-associative allowed: array(array(&lt;Function&gt;, &lt;Operator&gt;, &lt;Compare&gt;), ...)</div> <div class="line"> * <span class="keyword">@param</span> <span class="class">LabelPositions</span> $labelPosition The position of the label relative to the input (before|after)</div> <div class="line"> * <span class="keyword">@param string</span> $className The name of the additional class</div> <div class="line"> * <span class="keyword">@param string</span> $additionalCss Additional CSS to the input</div> <div class="line"> */</div> </div> <div class="function-description phpcomment date"> <div class="line">/**</div> <div class="line"> * function addDateField()</div> <div class="line"> * </div> <div class="line"> * Adds a label and field to the form</div> <div class="line"> * </div> <div class="line"> * <span class="keyword">@param string</span> $label The label text to show</div> <div class="line"> * <span class="keyword">@param string</span> $input The name of the input</div> <div class="line"> * <span class="keyword">@param string</span>|<span class="keyword">null</span> $value The preset value of the input</div> <div class="line"> * <span class="keyword">@param string</span>|<span class="keyword">null</span> $min The minimum allowed value</div> <div class="line"> * <span class="keyword">@param string</span>|<span class="keyword">null</span> $max The maximum allowed value</div> <div class="line"> * <span class="keyword">@param bool</span> $required Must this field be non empty</div> <div class="line"> * <span class="keyword">@param string</span> $placeholder Placeholder text</div> <div class="line"> * <span class="keyword">@param array</span> $restrictions Additional restrictions to be checked</div> <div class="line"> * array(</div> <div class="line"> * array('function' => &lt;Function&gt;, 'operator' => &lt;Operator&gt;, 'compare' => &lt;Compare&gt;),</div> <div class="line"> * ...</div> <div class="line"> * )</div> <div class="line"> * 'function' can be one of [value|strlen|...]</div> <div class="line"> * 'operator' can be one of [==|===|!=|!==|>|>=|<|<=]</div> <div class="line"> * 'compare' must be the value to compare against</div> <div class="line"> * Also non-associative allowed: array(array(&lt;Function&gt;, &lt;Operator&gt;, &lt;Compare&gt;), ...)</div> <div class="line"> * <span class="keyword">@param</span> <span class="class">LabelPositions</span> $labelPosition The position of the label relative to the input (before|after)</div> <div class="line"> * <span class="keyword">@param string</span> $className The name of the additional class</div> <div class="line"> * <span class="keyword">@param string</span> $additionalCss Additional CSS to the input</div> <div class="line"> */</div> </div> <div class="function-description phpcomment email"> <div class="line">/**</div> <div class="line"> * function addEmailField()</div> <div class="line"> * </div> <div class="line"> * Adds a label and field to the form</div> <div class="line"> * </div> <div class="line"> * <span class="keyword">@param string</span> $label The label text to show</div> <div class="line"> * <span class="keyword">@param string</span> $input The name of the input</div> <div class="line"> * <span class="keyword">@param string</span>|<span class="keyword">null</span> $value The preset value of the input</div> <div class="line"> * <span class="keyword">@param bool</span> $required Must this field be non empty</div> <div class="line"> * <span class="keyword">@param string</span> $placeholder Placeholder text</div> <div class="line"> * <span class="keyword">@param array</span> $restrictions Additional restrictions to be checked</div> <div class="line"> * array(</div> <div class="line"> * array('function' => &lt;Function&gt;, 'operator' => &lt;Operator&gt;, 'compare' => &lt;Compare&gt;),</div> <div class="line"> * ...</div> <div class="line"> * )</div> <div class="line"> * 'function' can be one of [value|strlen|...]</div> <div class="line"> * 'operator' can be one of [==|===|!=|!==|>|>=|<|<=]</div> <div class="line"> * 'compare' must be the value to compare against</div> <div class="line"> * Also non-associative allowed: array(array(&lt;Function&gt;, &lt;Operator&gt;, &lt;Compare&gt;), ...)</div> <div class="line"> * <span class="keyword">@param</span> <span class="class">LabelPositions</span> $labelPosition The position of the label relative to the input (before|after)</div> <div class="line"> * <span class="keyword">@param string</span> $className The name of the additional class</div> <div class="line"> * <span class="keyword">@param string</span> $additionalCss Additional CSS to the input</div> <div class="line"> */</div> </div> <div class="function-description phpcomment file"> <div class="line">/**</div> <div class="line"> * function addFileField()</div> <div class="line"> * </div> <div class="line"> * Adds a label and field to the form</div> <div class="line"> * </div> <div class="line"> * <span class="keyword">@param string</span> $label The label text to show</div> <div class="line"> * <span class="keyword">@param string</span> $input The name of the input</div> <div class="line"> * <span class="keyword">@param string</span>|<span class="keyword">null</span> $value The preset value of the input</div> <div class="line"> * <span class="keyword">@param array</span> $filters The file type filters</div> <div class="line"> * Example: array('*.png', '*.jpg', '*.jpeg', '*.gif')</div> <div class="line"> * <span class="keyword">@param bool</span> $required Must this field be non empty</div> <div class="line"> * <span class="keyword">@param string</span> $placeholder Placeholder text</div> <div class="line"> * <span class="keyword">@param array</span> $restrictions Additional restrictions to be checked</div> <div class="line"> * array(</div> <div class="line"> * array('function' => &lt;Function&gt;, 'operator' => &lt;Operator&gt;, 'compare' => &lt;Compare&gt;),</div> <div class="line"> * ...</div> <div class="line"> * )</div> <div class="line"> * 'function' can be one of [value|strlen|...]</div> <div class="line"> * 'operator' can be one of [==|===|!=|!==|>|>=|<|<=]</div> <div class="line"> * 'compare' must be the value to compare against</div> <div class="line"> * Also non-associative allowed: array(array(&lt;Function&gt;, &lt;Operator&gt;, &lt;Compare&gt;), ...)</div> <div class="line"> * <span class="keyword">@param</span> <span class="class">LabelPositions</span> $labelPosition The position of the label relative to the input (before|after)</div> <div class="line"> * <span class="keyword">@param string</span> $className The name of the additional class</div> <div class="line"> * <span class="keyword">@param string</span> $additionalCss Additional CSS to the input</div> <div class="line"> */</div> </div> <div class="function-description phpcomment hidden"> <div class="line">/**</div> <div class="line"> * function addHiddenField()</div> <div class="line"> * </div> <div class="line"> * Adds a hidden field to the form</div> <div class="line"> * </div> <div class="line"> * <span class="keyword">@param string</span> $input The name of the input</div> <div class="line"> * <span class="keyword">@param string</span>|<span class="keyword">null</span> $value The preset value of the input</div> <div class="line"> */</div> </div> <div class="function-description phpcomment iban"> <div class="line">/**</div> <div class="line"> * function addIbanField()</div> <div class="line"> * </div> <div class="line"> * Adds a label and field to the form</div> <div class="line"> * </div> <div class="line"> * <span class="keyword">@param string</span> $label The label text to show</div> <div class="line"> * <span class="keyword">@param string</span> $input The name of the input</div> <div class="line"> * <span class="keyword">@param string</span>|<span class="keyword">null</span> $value The preset value of the input</div> <div class="line"> * <span class="keyword">@param bool</span> $required Must this field be non empty</div> <div class="line"> * <span class="keyword">@param string</span> $placeholder Placeholder text</div> <div class="line"> * <span class="keyword">@param array</span> $restrictions Additional restrictions to be checked</div> <div class="line"> * array(</div> <div class="line"> * array('function' => &lt;Function&gt;, 'operator' => &lt;Operator&gt;, 'compare' => &lt;Compare&gt;),</div> <div class="line"> * ...</div> <div class="line"> * )</div> <div class="line"> * 'function' can be one of [value|strlen|...]</div> <div class="line"> * 'operator' can be one of [==|===|!=|!==|>|>=|<|<=]</div> <div class="line"> * 'compare' must be the value to compare against</div> <div class="line"> * Also non-associative allowed: array(array(&lt;Function&gt;, &lt;Operator&gt;, &lt;Compare&gt;), ...)</div> <div class="line"> * <span class="keyword">@param</span> <span class="class">LabelPositions</span> $labelPosition The position of the label relative to the input (before|after)</div> <div class="line"> * <span class="keyword">@param string</span> $className The name of the additional class</div> <div class="line"> * <span class="keyword">@param string</span> $additionalCss Additional CSS to the input</div> <div class="line"> */</div> </div> <div class="function-description phpcomment ip"> <div class="line">/**</div> <div class="line"> * function addIpField()</div> <div class="line"> * </div> <div class="line"> * Adds a label and field to the form</div> <div class="line"> * </div> <div class="line"> * <span class="keyword">@param string</span> $label The label text to show</div> <div class="line"> * <span class="keyword">@param string</span> $input The name of the input</div> <div class="line"> * <span class="keyword">@param string</span>|<span class="keyword">null</span> $value The preset value of the input</div> <div class="line"> * <span class="keyword">@param bool</span> $required Must this field be non empty</div> <div class="line"> * <span class="keyword">@param string</span> $placeholder Placeholder text</div> <div class="line"> * <span class="keyword">@param array</span> $restrictions Additional restrictions to be checked</div> <div class="line"> * array(</div> <div class="line"> * array('function' => &lt;Function&gt;, 'operator' => &lt;Operator&gt;, 'compare' => &lt;Compare&gt;),</div> <div class="line"> * ...</div> <div class="line"> * )</div> <div class="line"> * 'function' can be one of [value|strlen|...]</div> <div class="line"> * 'operator' can be one of [==|===|!=|!==|>|>=|<|<=]</div> <div class="line"> * 'compare' must be the value to compare against</div> <div class="line"> * Also non-associative allowed: array(array(&lt;Function&gt;, &lt;Operator&gt;, &lt;Compare&gt;), ...)</div> <div class="line"> * <span class="keyword">@param</span> <span class="class">LabelPositions</span> $labelPosition The position of the label relative to the input (before|after)</div> <div class="line"> * <span class="keyword">@param string</span> $className The name of the additional class</div> <div class="line"> * <span class="keyword">@param string</span> $additionalCss Additional CSS to the input</div> <div class="line"> */</div> </div> <div class="function-description phpcomment name"> <div class="line">/**</div> <div class="line"> * function addNameField()</div> <div class="line"> * </div> <div class="line"> * Adds a label and field to the form</div> <div class="line"> * </div> <div class="line"> * <span class="keyword">@param string</span> $label The label text to show</div> <div class="line"> * <span class="keyword">@param string</span> $input The name of the input</div> <div class="line"> * <span class="keyword">@param string</span>|<span class="keyword">null</span> $value The preset value of the input</div> <div class="line"> * <span class="keyword">@param</span> <span class="keyword">int</span>|<span class="keyword">null</span> $min The minimum allowed length</div> <div class="line"> * <span class="keyword">@param</span> <span class="keyword">int</span>|<span class="keyword">null</span> $max The maximum allowed length</div> <div class="line"> * <span class="keyword">@param bool</span> $required Must this field be non empty</div> <div class="line"> * <span class="keyword">@param string</span> $placeholder Placeholder text</div> <div class="line"> * <span class="keyword">@param array</span> $restrictions Additional restrictions to be checked</div> <div class="line"> * array(</div> <div class="line"> * array('function' => &lt;Function&gt;, 'operator' => &lt;Operator&gt;, 'compare' => &lt;Compare&gt;),</div> <div class="line"> * ...</div> <div class="line"> * )</div> <div class="line"> * 'function' can be one of [value|strlen|...]</div> <div class="line"> * 'operator' can be one of [==|===|!=|!==|>|>=|<|<=]</div> <div class="line"> * 'compare' must be the value to compare against</div> <div class="line"> * Also non-associative allowed: array(array(&lt;Function&gt;, &lt;Operator&gt;, &lt;Compare&gt;), ...)</div> <div class="line"> * <span class="keyword">@param</span> <span class="class">LabelPositions</span> $labelPosition The position of the label relative to the input (before|after)</div> <div class="line"> * <span class="keyword">@param string</span> $className The name of the additional class</div> <div class="line"> * <span class="keyword">@param string</span> $additionalCss Additional CSS to the input</div> <div class="line"> * <span class="keyword">@param string</span> $countryCode The 2 character (ISO 3366-1 alpha-2, https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2) country code</div> <div class="line"> */</div> </div> <div class="function-description phpcomment currency float integer"> <div class="line">/**</div> <div class="line"> * function addNumericField()</div> <div class="line"> * </div> <div class="line"> * Adds a label and field to the form</div> <div class="line"> * </div> <div class="line"> * <span class="keyword">@param string</span> $label The label text to show</div> <div class="line"> * <span class="keyword">@param string</span> $input The name of the input</div> <div class="line"> * <span class="keyword">@param</span> <span class="class">NumericFieldTypes</span> $type The type name of the input (currency|float|integer)</div> <div class="line"> * <span class="keyword">@param float</span>|<span class="keyword">null</span> $value The preset value of the input</div> <div class="line"> * <span class="keyword">@param float</span>|<span class="keyword">null</span> $min The minimum allowed value</div> <div class="line"> * <span class="keyword">@param float</span>|<span class="keyword">null</span> $max The maximum allowed value</div> <div class="line"> * <span class="keyword">@param bool</span> $required Must this field be non empty</div> <div class="line"> * <span class="keyword">@param string</span> $placeholder Placeholder text</div> <div class="line"> * <span class="keyword">@param array</span> $restrictions Additional restrictions to be checked</div> <div class="line"> * array(</div> <div class="line"> * array('function' => &lt;Function&gt;, 'operator' => &lt;Operator&gt;, 'compare' => &lt;Compare&gt;),</div> <div class="line"> * ...</div> <div class="line"> * )</div> <div class="line"> * 'function' can be one of [value|strlen|...]</div> <div class="line"> * 'operator' can be one of [==|===|!=|!==|>|>=|<|<=]</div> <div class="line"> * 'compare' must be the value to compare against</div> <div class="line"> * Also non-associative allowed: array(array(&lt;Function&gt;, &lt;Operator&gt;, &lt;Compare&gt;), ...)</div> <div class="line"> * <span class="keyword">@param</span> <span class="class">LabelPositions</span> $labelPosition The position of the label relative to the input (before|after)</div> <div class="line"> * <span class="keyword">@param string</span> $className The name of the additional class</div> <div class="line"> * <span class="keyword">@param string</span> $additionalCss Additional CSS to the input</div> <div class="line"> */</div> </div> <div class="function-description phpcomment password"> <div class="line">/**</div> <div class="line"> * function addPasswordField()</div> <div class="line"> * </div> <div class="line"> * Adds a label and field to the form</div> <div class="line"> * </div> <div class="line"> * <span class="keyword">@param string</span> $label The label text to show</div> <div class="line"> * <span class="keyword">@param string</span> $input The name of the input</div> <div class="line"> * <span class="keyword">@param string</span>|<span class="keyword">null</span> $value The preset value of the input</div> <div class="line"> * <span class="keyword">@param</span> <span class="keyword">int</span>|<span class="keyword">null</span> $min The minimum allowed length</div> <div class="line"> * <span class="keyword">@param</span> <span class="keyword">int</span>|<span class="keyword">null</span> $max The maximum allowed length</div> <div class="line"> * <span class="keyword">@param bool</span> $required Must this field be non empty</div> <div class="line"> * <span class="keyword">@param string</span> $placeholder Placeholder text</div> <div class="line"> * <span class="keyword">@param array</span> $restrictions Additional restrictions to be checked</div> <div class="line"> * array(</div> <div class="line"> * array('function' => &lt;Function&gt;, 'operator' => &lt;Operator&gt;, 'compare' => &lt;Compare&gt;),</div> <div class="line"> * ...</div> <div class="line"> * )</div> <div class="line"> * 'function' can be one of [value|strlen|...]</div> <div class="line"> * 'operator' can be one of [==|===|!=|!==|>|>=|<|<=]</div> <div class="line"> * 'compare' must be the value to compare against</div> <div class="line"> * Also non-associative allowed: array(array(&lt;Function&gt;, &lt;Operator&gt;, &lt;Compare&gt;), ...)</div> <div class="line"> * <span class="keyword">@param</span> <span class="class">LabelPositions</span> $labelPosition The position of the label relative to the input (before|after)</div> <div class="line"> * <span class="keyword">@param string</span> $className The name of the additional class</div> <div class="line"> * <span class="keyword">@param string</span> $additionalCss Additional CSS to the input</div> <div class="line"> */</div> </div> <div class="function-description phpcomment radio"> <div class="line">/**</div> <div class="line"> * function addRadio()</div> <div class="line"> * </div> <div class="line"> * Ads a label and radio field with additional descriptive label</div> <div class="line"> * </div> <div class="line"> * <span class="keyword">@param string</span> $label The label text to show</div> <div class="line"> * <span class="keyword">@param string</span> $input The name of the input</div> <div class="line"> * <span class="keyword">@param string</span>|<span class="keyword">null</span> $value The value of the input</div> <div class="line"> * <span class="keyword">@param bool</span> $checked Is this element preselected</div> <div class="line"> * <span class="keyword">@param bool</span> $required Must this field be non empty</div> <div class="line"> * <span class="keyword">@param</span> <span class="class">LabelPositions</span> $labelPosition The position of the label relative to the input (before|after)</div> <div class="line"> * <span class="keyword">@param string</span> $descriptiveLabel A descriptive label on the other side of the radio</div> <div class="line"> * <span class="keyword">@param string</span> $descriptiveLabelClass The class name of the descriptive label</div> <div class="line"> * <span class="keyword">@param string</span> $className The name of the additional class</div> <div class="line"> * <span class="keyword">@param string</span> $additionalCss Additional CSS to the input</div> <div class="line"> */</div> </div> <div class="function-description phpcomment radiogroup"> <div class="line">/**</div> <div class="line"> * function addRadioGroup()</div> <div class="line"> * </div> <div class="line"> * Ads a label and radio fields with additional descriptive labels</div> <div class="line"> * </div> <div class="line"> * <span class="keyword">@param string</span> $label The label text to show</div> <div class="line"> * <span class="keyword">@param string</span> $input The name of the input</div> <div class="line"> * <span class="keyword">@param array</span> $values Array of radio button data</div> <div class="line"> * array(</div> <div class="line"> * array(</div> <div class="line"> * &lt;value&gt; The value of this radio</div> <div class="line"> * &lt;descriptiveLabel&gt; A descriptive label on the side of the radio</div> <div class="line"> * &lt;checked&gt; Is this radio checked (only one in the group)</div> <div class="line"> * ), ...</div> <div class="line"> * )</div> <div class="line"> * <span class="keyword">@param bool</span> $required Must one radio be selected</div> <div class="line"> * <span class="keyword">@param</span> <span class="class">LabelPositions</span> $labelPosition The position of the label relative to the input (before|after)</div> <div class="line"> * <span class="keyword">@param string</span> $descriptiveLabelClass The class name of the descriptive label</div> <div class="line"> * <span class="keyword">@param string</span> $className The name of the additional class</div> <div class="line"> * <span class="keyword">@param string</span> $additionalCss Additional CSS to the input</div> <div class="line"> */</div> </div> <div class="function-description phpcomment range"> <div class="line">/**</div> <div class="line"> * function addRange()</div> <div class="line"> * </div> <div class="line"> * Adds a label and range input</div> <div class="line"> * </div> <div class="line"> * <span class="keyword">@param string</span> $label The label text to show</div> <div class="line"> * <span class="keyword">@param string</span> $input The name of the input</div> <div class="line"> * <span class="keyword">@param string</span>|<span class="keyword">null</span> $value The preset value of the input</div> <div class="line"> * <span class="keyword">@param</span> <span class="keyword">int</span>|<span class="keyword">null</span> $min The minimum allowed value</div> <div class="line"> * <span class="keyword">@param</span> <span class="keyword">int</span>|<span class="keyword">null</span> $max The maximum allowed value</div> <div class="line"> * <span class="keyword">@param</span> <span class="keyword">int</span> $step The step width</div> <div class="line"> * <span class="keyword">@param bool</span> $required Must this field be non empty</div> <div class="line"> * <span class="keyword">@param array</span> $restrictions Additional restrictions to be checked</div> <div class="line"> * array(</div> <div class="line"> * array('function' => &lt;Function&gt;, 'operator' => &lt;Operator&gt;, 'compare' => &lt;Compare&gt;),</div> <div class="line"> * ...</div> <div class="line"> * )</div> <div class="line"> * 'function' can be one of [value|strlen|...]</div> <div class="line"> * 'operator' can be one of [==|===|!=|!==|>|>=|<|<=]</div> <div class="line"> * 'compare' must be the value to compare against</div> <div class="line"> * Also non-associative allowed: array(array(&lt;Function&gt;, &lt;Operator&gt;, &lt;Compare&gt;), ...)</div> <div class="line"> * <span class="keyword">@param</span> <span class="class">LabelPositions</span> $labelPosition The position of the label relative to the input (before|after)</div> <div class="line"> * <span class="keyword">@param string</span> $descriptiveLabelClass The class name of the descriptive label</div> <div class="line"> * <span class="keyword">@param string</span> $className The name of the additional class</div> <div class="line"> * <span class="keyword">@param string</span> $additionalCss Additional CSS to the input</div> <div class="line"> */</div> </div> <div class="function-description phpcomment select"> <div class="line">/**</div> <div class="line"> * function addSelect()</div> <div class="line"> * </div> <div class="line"> * Adds a label and select field to the form</div> <div class="line"> * </div> <div class="line"> * <span class="keyword">@param string</span> $label The label text to show</div> <div class="line"> * <span class="keyword">@param string</span> $input The name of the input</div> <div class="line"> * <span class="keyword">@param array</span> $options The options for the select (name [option|optgroup], value (optional), text)</div> <div class="line"> * <span class="keyword">@param string</span>|<span class="keyword">null</span> $value The preset value of the input</div> <div class="line"> * <span class="keyword">@param bool</span> $multiple Is this a multi-select</div> <div class="line"> * <span class="keyword">@param bool</span> $required Must this field be non empty</div> <div class="line"> * <span class="keyword">@param string</span> $placeholder Placeholder text</div> <div class="line"> * <span class="keyword">@param array</span> $restrictions Additional restrictions to be checked</div> <div class="line"> * array(</div> <div class="line"> * array('function' => &lt;Function&gt;, 'operator' => &lt;Operator&gt;, 'compare' => &lt;Compare&gt;),</div> <div class="line"> * ...</div> <div class="line"> * )</div> <div class="line"> * 'function' can be one of [value|strlen|...]</div> <div class="line"> * 'operator' can be one of [==|===|!=|!==|>|>=|<|<=]</div> <div class="line"> * 'compare' must be the value to compare against</div> <div class="line"> * Also non-associative allowed: array(array(&lt;Function&gt;, &lt;Operator&gt;, &lt;Compare&gt;), ...)</div> <div class="line"> * <span class="keyword">@param</span> <span class="class">LabelPositions</span> $labelPosition The position of the label relative to the input (before|after)</div> <div class="line"> * <span class="keyword">@param string</span> $className The name of the additional class</div> <div class="line"> * <span class="keyword">@param string</span> $additionalCss Additional CSS to the input</div> <div class="line"> */</div> </div> <div class="function-description phpcomment tel"> <div class="line">/**</div> <div class="line"> * function addTelField()</div> <div class="line"> * </div> <div class="line"> * Adds a label and field to the form</div> <div class="line"> * </div> <div class="line"> * <span class="keyword">@param string</span> $label The label text to show</div> <div class="line"> * <span class="keyword">@param string</span> $input The name of the input</div> <div class="line"> * <span class="keyword">@param string</span>|<span class="keyword">null</span> $value The preset value of the input</div> <div class="line"> * <span class="keyword">@param</span> <span class="keyword">int</span>|<span class="keyword">null</span> $min The minimum allowed length</div> <div class="line"> * <span class="keyword">@param</span> <span class="keyword">int</span>|<span class="keyword">null</span> $max The maximum allowed length</div> <div class="line"> * <span class="keyword">@param bool</span> $required Must this field be non empty</div> <div class="line"> * <span class="keyword">@param string</span> $placeholder Placeholder text</div> <div class="line"> * <span class="keyword">@param array</span> $restrictions Additional restrictions to be checked</div> <div class="line"> * array(</div> <div class="line"> * array('function' => &lt;Function&gt;, 'operator' => &lt;Operator&gt;, 'compare' => &lt;Compare&gt;),</div> <div class="line"> * ...</div> <div class="line"> * )</div> <div class="line"> * 'function' can be one of [value|strlen|...]</div> <div class="line"> * 'operator' can be one of [==|===|!=|!==|>|>=|<|<=]</div> <div class="line"> * 'compare' must be the value to compare against</div> <div class="line"> * Also non-associative allowed: array(array(&lt;Function&gt;, &lt;Operator&gt;, &lt;Compare&gt;), ...)</div> <div class="line"> * <span class="keyword">@param</span> <span class="class">LabelPositions</span> $labelPosition The position of the label relative to the input (before|after)</div> <div class="line"> * <span class="keyword">@param string</span> $className The name of the additional class</div> <div class="line"> * <span class="keyword">@param string</span> $additionalCss Additional CSS to the input</div> <div class="line"> */</div> </div> <div class="function-description phpcomment text"> <div class="line">/**</div> <div class="line"> * function addTextField()</div> <div class="line"> * </div> <div class="line"> * Adds a label and field to the form</div> <div class="line"> * </div> <div class="line"> * <span class="keyword">@param string</span> $label The label text to show</div> <div class="line"> * <span class="keyword">@param string</span> $input The name of the input</div> <div class="line"> * <span class="keyword">@param string</span>|<span class="keyword">null</span> $value The preset value of the input</div> <div class="line"> * <span class="keyword">@param</span> <span class="keyword">int</span>|<span class="keyword">null</span> $min The minimum allowed length</div> <div class="line"> * <span class="keyword">@param</span> <span class="keyword">int</span>|<span class="keyword">null</span> $max The maximum allowed length</div> <div class="line"> * <span class="keyword">@param bool</span> $required Must this field be non empty</div> <div class="line"> * <span class="keyword">@param string</span> $placeholder Placeholder text</div> <div class="line"> * <span class="keyword">@param array</span> $restrictions Additional restrictions to be checked</div> <div class="line"> * array(</div> <div class="line"> * array('function' => &lt;Function&gt;, 'operator' => &lt;Operator&gt;, 'compare' => &lt;Compare&gt;),</div> <div class="line"> * ...</div> <div class="line"> * )</div> <div class="line"> * 'function' can be one of [value|strlen|...]</div> <div class="line"> * 'operator' can be one of [==|===|!=|!==|>|>=|<|<=]</div> <div class="line"> * 'compare' must be the value to compare against</div> <div class="line"> * Also non-associative allowed: array(array(&lt;Function&gt;, &lt;Operator&gt;, &lt;Compare&gt;), ...)</div> <div class="line"> * <span class="keyword">@param</span> <span class="class">LabelPositions</span> $labelPosition The position of the label relative to the input (before|after)</div> <div class="line"> * <span class="keyword">@param string</span> $className The name of the additional class</div> <div class="line"> * <span class="keyword">@param string</span> $additionalCss Additional CSS to the input</div> <div class="line"> */</div> </div> <div class="function-description phpcomment textarea"> <div class="line">/**</div> <div class="line"> * function addTextarea()</div> <div class="line"> * </div> <div class="line"> * Adds a label and field to the form</div> <div class="line"> * </div> <div class="line"> * <span class="keyword">@param string</span> $label The label text to show</div> <div class="line"> * <span class="keyword">@param string</span> $input The name of the input</div> <div class="line"> * <span class="keyword">@param string</span>|<span class="keyword">null</span> $value The preset value of the input</div> <div class="line"> * <span class="keyword">@param</span> <span class="keyword">int</span>|<span class="keyword">null</span> $min The minimum allowed length</div> <div class="line"> * <span class="keyword">@param</span> <span class="keyword">int</span>|<span class="keyword">null</span> $max The maximum allowed length</div> <div class="line"> * <span class="keyword">@param bool</span> $required Must this field be non empty</div> <div class="line"> * <span class="keyword">@param string</span> $placeholder Placeholder text</div> <div class="line"> * <span class="keyword">@param array</span> $restrictions Additional restrictions to be checked</div> <div class="line"> * array(</div> <div class="line"> * array('function' => &lt;Function&gt;, 'operator' => &lt;Operator&gt;, 'compare' => &lt;Compare&gt;),</div> <div class="line"> * ...</div> <div class="line"> * )</div> <div class="line"> * 'function' can be one of [value|strlen|...]</div> <div class="line"> * 'operator' can be one of [==|===|!=|!==|>|>=|<|<=]</div> <div class="line"> * 'compare' must be the value to compare against</div> <div class="line"> * Also non-associative allowed: array(array(&lt;Function&gt;, &lt;Operator&gt;, &lt;Compare&gt;), ...)</div> <div class="line"> * <span class="keyword">@param</span> <span class="class">LabelPositions</span> $labelPosition The position of the label relative to the input (before|after)</div> <div class="line"> * <span class="keyword">@param string</span> $className The name of the additional class</div> <div class="line"> * <span class="keyword">@param string</span> $additionalCss Additional CSS to the input</div> <div class="line"> */</div> </div> <div class="function-description phpcomment time"> <div class="line">/**</div> <div class="line"> * function addTimeField()</div> <div class="line"> * </div> <div class="line"> * Adds a label and field to the form</div> <div class="line"> * </div> <div class="line"> * <span class="keyword">@param string</span> $label The label text to show</div> <div class="line"> * <span class="keyword">@param string</span> $input The name of the input</div> <div class="line"> * <span class="keyword">@param string</span>|<span class="keyword">null</span> $value The preset value of the input</div> <div class="line"> * <span class="keyword">@param string</span>|<span class="keyword">null</span> $min The minimum allowed value</div> <div class="line"> * <span class="keyword">@param string</span>|<span class="keyword">null</span> $max The maximum allowed value</div> <div class="line"> * <span class="keyword">@param bool</span> $required Must this field be non empty</div> <div class="line"> * <span class="keyword">@param string</span> $placeholder Placeholder text</div> <div class="line"> * <span class="keyword">@param array</span> $restrictions Additional restrictions to be checked</div> <div class="line"> * array(</div> <div class="line"> * array('function' => &lt;Function&gt;, 'operator' => &lt;Operator&gt;, 'compare' => &lt;Compare&gt;),</div> <div class="line"> * ...</div> <div class="line"> * )</div> <div class="line"> * 'function' can be one of [value|strlen|...]</div> <div class="line"> * 'operator' can be one of [==|===|!=|!==|>|>=|<|<=]</div> <div class="line"> * 'compare' must be the value to compare against</div> <div class="line"> * Also non-associative allowed: array(array(&lt;Function&gt;, &lt;Operator&gt;, &lt;Compare&gt;), ...)</div> <div class="line"> * <span class="keyword">@param</span> <span class="class">LabelPositions</span> $labelPosition The position of the label relative to the input (before|after)</div> <div class="line"> * <span class="keyword">@param string</span> $className The name of the additional class</div> <div class="line"> * <span class="keyword">@param string</span> $additionalCss Additional CSS to the input</div> <div class="line"> */</div> </div> <div class="function-description phpcomment url"> <div class="line">/**</div> <div class="line"> * function addUrlField()</div> <div class="line"> * </div> <div class="line"> * Adds a label and field to the form</div> <div class="line"> * </div> <div class="line"> * <span class="keyword">@param string</span> $label The label text to show</div> <div class="line"> * <span class="keyword">@param string</span> $input The name of the input</div> <div class="line"> * <span class="keyword">@param string</span>|<span class="keyword">null</span> $value The preset value of the input</div> <div class="line"> * <span class="keyword">@param</span> <span class="keyword">int</span>|<span class="keyword">null</span> $min The minimum allowed length</div> <div class="line"> * <span class="keyword">@param</span> <span class="keyword">int</span>|<span class="keyword">null</span> $max The maximum allowed length</div> <div class="line"> * <span class="keyword">@param bool</span> $required Must this field be non empty</div> <div class="line"> * <span class="keyword">@param string</span> $placeholder Placeholder text</div> <div class="line"> * <span class="keyword">@param array</span> $restrictions Additional restrictions to be checked</div> <div class="line"> * array(</div> <div class="line"> * array('function' => &lt;Function&gt;, 'operator' => &lt;Operator&gt;, 'compare' => &lt;Compare&gt;),</div> <div class="line"> * ...</div> <div class="line"> * )</div> <div class="line"> * 'function' can be one of [value|strlen|...]</div> <div class="line"> * 'operator' can be one of [==|===|!=|!==|>|>=|<|<=]</div> <div class="line"> * 'compare' must be the value to compare against</div> <div class="line"> * Also non-associative allowed: array(array(&lt;Function&gt;, &lt;Operator&gt;, &lt;Compare&gt;), ...)</div> <div class="line"> * <span class="keyword">@param</span> <span class="class">LabelPositions</span> $labelPosition The position of the label relative to the input (before|after)</div> <div class="line"> * <span class="keyword">@param string</span> $className The name of the additional class</div> <div class="line"> * <span class="keyword">@param string</span> $additionalCss Additional CSS to the input</div> <div class="line"> */</div> </div> <div class="function-description phpcomment zipcode"> <div class="line">/**</div> <div class="line"> * function addZipcodeField()</div> <div class="line"> * </div> <div class="line"> * Adds a label and field to the form</div> <div class="line"> * </div> <div class="line"> * <span class="keyword">@param string</span> $label The label text to show</div> <div class="line"> * <span class="keyword">@param string</span> $input The name of the input</div> <div class="line"> * <span class="keyword">@param string</span>|<span class="keyword">null</span> $value The preset value of the input</div> <div class="line"> * <span class="keyword">@param bool</span> $required Must this field be non empty</div> <div class="line"> * <span class="keyword">@param string</span> $placeholder Placeholder text</div> <div class="line"> * <span class="keyword">@param array</span> $restrictions Additional restrictions to be checked</div> <div class="line"> * array(</div> <div class="line"> * array('function' => &lt;Function&gt;, 'operator' => &lt;Operator&gt;, 'compare' => &lt;Compare&gt;),</div> <div class="line"> * ...</div> <div class="line"> * )</div> <div class="line"> * 'function' can be one of [value|strlen|...]</div> <div class="line"> * 'operator' can be one of [==|===|!=|!==|>|>=|<|<=]</div> <div class="line"> * 'compare' must be the value to compare against</div> <div class="line"> * Also non-associative allowed: array(array(&lt;Function&gt;, &lt;Operator&gt;, &lt;Compare&gt;), ...)</div> <div class="line"> * <span class="keyword">@param</span> <span class="class">LabelPositions</span> $labelPosition The position of the label relative to the input (before|after)</div> <div class="line"> * <span class="keyword">@param string</span> $className The name of the additional class</div> <div class="line"> * <span class="keyword">@param string</span> $additionalCss Additional CSS to the input</div> <div class="line"> * <span class="keyword">@param string</span> $countryCode The 2 character (ISO 3366-1 alpha-2, https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2) country code</div> <div class="line"> */</div> </div> <div class="function-description phpcomment code"> <div class="line">/**</div> <div class="line"> * function addCode()</div> <div class="line"> * </div> <div class="line"> * Adds html code in between of the fields defined before and after the code</div> <div class="line"> * </div> <div class="line"> * <span class="keyword">@param string</span> $code The html code to insert</div> <div class="line"> */</div> </div> <div class="function-description phpcomment button reset submit"> <div class="line">/**</div> <div class="line"> * function addButton()</div> <div class="line"> * </div> <div class="line"> * Adds a button to the form</div> <div class="line"> * </div> <div class="line"> * <span class="keyword">@param string</span> $value The text to show on the button</div> <div class="line"> * <span class="keyword">@param</span> <span class="class">ButtonTypes</span> $type The type of the button (submit|reset|button)</div> <div class="line"> * <span class="keyword">@param string</span> $name The name of the button</div> <div class="line"> * <span class="keyword">@param string</span> $id The id name of the button</div> <div class="line"> * <span class="keyword">@param string</span> $class The class name of the button</div> <div class="line"> * <span class="keyword">@param string</span> $additionalCss Additional CSS to the input</div> <div class="line"> * <span class="keyword">@param string</span> $label If set, adds a label for the buttons (only use on the first|last button)</div> <div class="line"> * <span class="keyword">@param string</span> $labelClass The name of the class to add to the label</div> <div class="line"> * <span class="keyword">@param</span> <span class="class">LabelPositions</span> $labelPosition The position of the label relative to the input (before|after)</div> <div class="line"> */</div> </div> <div class="function-description phpcode form-code"> <div class="line"><span class="php">&lt;?php</span></div> <div class="line"><span class="operator">include</span>(<span class="string">'src/classes/class.html5form.php'</span>);</div> <div class="line"></div> <div class="line"><span class="operator">if</span> (<span class="function">isset</span>(<span class="variable">$_POST</span>[<span class="string">'save'</span>])) {</div> <div class="line"> <span class="variable">$ret</span> = <span class="class">html5form</span>::<span class="function">checkFormData</span>(<span class="variable">$_POST</span>);</div> <div class="line"> <span class="operator">if</span> (<span class="function">is_array</span>(<span class="variable">$ret</span>)) {</div> <div class="line"> <span class="function">echo</span> <span class="string">'&lt;pre&gt;Errors = '</span> . <span class="function">print_r</span>(<span class="variable">$ret</span>, <span class="constant">true</span>) . <span class="string">'&lt;/pre&gt;'</span>;</div> <div class="line"> }</div> <div class="line">}</div> <div class="line"></div> <div class="line"><span class="variable">$oForm</span> = <span class="constant">new</span> <span class="class">html5form</span>(<span class="string">'.'</span>);</div> <div class="line"><span class="variable">$oForm</span>-&gt;<span class="function">addCode</span>(<span class="string">'&lt;div class="left halfWidth"&gt;'</span>);</div> <div class="line"><span class="variable">$oForm</span>-&gt;<span class="function">addNameField</span>(<span class="string">'Name *'</span>, <span class="string">'name'</span>, <span class="variable">$_POST</span>[<span class="string">'name'</span>], <span class="constant">null</span>, <span class="constant">null</span>, <span class="constant">true</span>, <span class="string">'full name, at least 2 words'</span>, <span class="function">array</span>(<span class="function">array</span>(<span class="string">'function'</span> =&gt; <span class="string">'str_word_count'</span>, <span class="string">'operator'</span> =&gt; <span class="string">'&gt;='</span>, <span class="string">'compare'</span> =&gt; <span class="number">2</span>)));</div> <div class="line"><span class="variable">$oForm</span>-&gt;<span class="function">addCode</span>(<span class="string">'&lt;/div&gt;&lt;div class="right halfWidth"&gt;'</span>);</div> <div class="line"><span class="variable">$oForm</span>-&gt;<span class="function">addTelField</span>(<span class="string">'Phone number *'</span>, <span class="string">'phone'</span>, <span class="variable">$_POST</span>[<span class="string">'phone'</span>], <span class="constant">null</span>, <span class="constant">null</span>, <span class="constant">true</span>);</div> <div class="line"><span class="variable">$oForm</span>-&gt;<span class="function">addCode</span>(<span class="string">'&lt;/div&gt;&lt;div class="clear"&gt;&lt;/div&gt;&lt;div class="left halfWidth"&gt;'</span>);</div> <div class="line"><span class="variable">$oForm</span>-&gt;<span class="function">addEmailField</span>(<span class="string">'Email address *'</span>, <span class="string">'email'</span>, <span class="variable">$_POST</span>[<span class="string">'email'</span>], <span class="constant">true</span>);</div> <div class="line"><span class="variable">$oForm</span>-&gt;<span class="function">addCode</span>(<span class="string">'&lt;/div&gt;&lt;div class="right halfWidth"&gt;'</span>);</div> <div class="line"><span class="variable">$oForm</span>-&gt;<span class="function">addRadioGroup</span>(<span class="string">'Gender *'</span>, <span class="string">'gender'</span>, <span class="function">array</span>(<span class="function">array</span>(<span class="string">'male'</span>, <span class="string">'Male'</span>, (<span class="variable">$_POST</span>[<span class="string">'gender'</span>] == <span class="string">'male'</span>)), <span class="function">array</span>(<span class="string">'female'</span>, <span class="string">'Female'</span>, (<span class="variable">$_POST</span>[<span class="string">'gender'</span>] == <span class="string">'female'</span>))), <span class="constant">true</span>, <span class="class">LabelPositions</span>::before, <span class="string">'description'</span>);</div> <div class="line"><span class="variable">$oForm</span>-&gt;<span class="function">addCode</span>(<span class="string">'&lt;/div&gt;&lt;div class="clear"&gt;&lt;/div&gt;'</span>);</div> <div class="line"><span class="variable">$oForm</span>-&gt;<span class="function">addTextarea</span>(<span class="string">'Request *'</span>, <span class="string">'request'</span>, <span class="variable">$_POST</span>[<span class="string">'request'</span>], <span class="constant">null</span>, <span class="constant">null</span>, <span class="constant">true</span>, <span class="string">'at least 10 words'</span>, <span class="function">array</span>(<span class="function">array</span>(<span class="string">'function'</span> =&gt; <span class="string">'str_word_count'</span>, <span class="string">'operator'</span> =&gt; <span class="string">'&gt;='</span>, <span class="string">'compare'</span> =&gt; <span class="number">10</span>)), <span class="class">LabelPositions</span>::before, <span class="string">'high'</span>);</div> <div class="line"><span class="variable">$oForm</span>-&gt;<span class="function">addCode</span>(<span class="string">'&lt;h3 style="margin: 8px 0 4px 0"&gt;Location&lt;/h3&gt;'</span>);</div> <div class="line"><span class="variable">$oForm</span>-&gt;<span class="function">addCode</span>(<span class="string">'&lt;div class="left halfWidth"&gt;'</span>);</div> <div class="line"><span class="variable">$oForm</span>-&gt;<span class="function">addNumericField</span>(<span class="string">'Latitude'</span>, <span class="string">'lat'</span>, <span class="class">NumericFieldTypes</span>::float, <span class="variable">$_POST</span>[<span class="string">'lat'</span>]);</div> <div class="line"><span class="variable">$oForm</span>-&gt;<span class="function">addCode</span>(<span class="string">'&lt;/div&gt;&lt;div class="right halfWidth"&gt;'</span>);</div> <div class="line"><span class="variable">$oForm</span>-&gt;<span class="function">addNumericField</span>(<span class="string">'Longitude'</span>, <span class="string">'lon'</span>, <span class="class">NumericFieldTypes</span>::float, <span class="variable">$_POST</span>[<span class="string">'lon'</span>]);</div> <div class="line"><span class="variable">$oForm</span>-&gt;<span class="function">addCode</span>(<span class="string">'&lt;/div&gt;'</span>);</div> <div class="line"><span class="variable">$oForm</span>-&gt;<span class="function">addCode</span>(<span class="string">'&lt;script&gt;</span></div> <div class="line"><span class="string"> function position(pos) {</span></div> <div class="line"><span class="string"> document.getElementsByName("lat")[0].value = pos.coords.latitude;</span></div> <div class="line"><span class="string"> document.getElementsByName("lon")[0].value = pos.coords.longitude;</span></div> <div class="line"><span class="string"> }</span></div> <div class="line"><span class="string"> function positionError(error) {</span></div> <div class="line"><span class="string"> switch (error.code) {</span></div> <div class="line"><span class="string"> case error.PERMISSION_DENIED:</span></div> <div class="line"><span class="string"> // alert("Permission denied");</span></div> <div class="line"><span class="string"> break;</span></div> <div class="line"><span class="string"> case error.POSITION_UNAVAILABLE:</span></div> <div class="line"><span class="string"> // alert("Position unavailable");</span></div> <div class="line"><span class="string"> break;</span></div> <div class="line"><span class="string"> case error.TIMEOUT:</span></div> <div class="line"><span class="string"> // alert("Timeout");</span></div> <div class="line"><span class="string"> break;</span></div> <div class="line"><span class="string"> case error.UNKNOWN_ERROR:</span></div> <div class="line"><span class="string"> // alert("Unknown error");</span></div> <div class="line"><span class="string"> break;</span></div> <div class="line"><span class="string"> }</span></div> <div class="line"><span class="string"> getIpLocation();</span></div> <div class="line"><span class="string"> }</span></div> <div class="line"><span class="string"> function getIpLocation() {</span></div> <div class="line"><span class="string"> $.ajax({</span></div> <div class="line"><span class="string"> url: "http://ip-api.com/json/",</span></div> <div class="line"><span class="string"> method: "get",</span></div> <div class="line"><span class="string"> cache: false,</span></div> <div class="line"><span class="string"> contentType: "json",</span></div> <div class="line"><span class="string"> processData: false,</span></div> <div class="line"><span class="string"> success: function(data) {</span></div> <div class="line"><span class="string"> var geo = $.parseJSON(data);</span></div> <div class="line"><span class="string"> document.getElementsByName("lat")[0].value = pos.coords.latitude;</span></div> <div class="line"><span class="string"> document.getElementsByName("lon")[0].value = pos.coords.longitude;</span></div> <div class="line"><span class="string"> },</span></div> <div class="line"><span class="string"> error: function() {</span></div> <div class="line"><span class="string"> alert("Dein aktueller Standort konnte nicht ermittelt werden. Bitte gib ihn selbst so genau wie m÷glich ein.");</span></div> <div class="line"><span class="string"> }</span></div> <div class="line"><span class="string"> });</span></div> <div class="line"><span class="string"> }</span></div> <div class="line"><span class="string"> <span class="operator">if</span> (navigator.geolocation) {</span></div> <div class="line"><span class="string"> navigator.geolocation.getCurrentPosition(position, positionError, {</span></div> <div class="line"><span class="string"> enableHighAccuracy: true,</span></div> <div class="line"><span class="string"> timeout: 5000,</span></div> <div class="line"><span class="string"> maximumAge: 10</span></div> <div class="line"><span class="string"> });</span></div> <div class="line"><span class="string"> } else {</span></div> <div class="line"><span class="string"> getIpLocation();</span></div> <div class="line"><span class="string"> }</span></div> <div class="line"><span class="string">&lt;/script&gt;');</span></div> <div class="line"><span class="variable">$oForm</span>-&gt;<span class="function">addCode</span>(<span class="string">'&lt;h3 style="margin: 8px 0 4px 0"&gt;Legal&lt;/h3&gt;'</span>);</div> <div class="line"><span class="variable">$oForm</span>-&gt;<span class="function">addCheckbox</span>(<span class="string">'Privacy *'</span>, <span class="string">'privacy'</span>, <span class="string">'1'</span>, <span class="constant">false</span>, <span class="constant">true</span>, <span class="class">LabelPositions</span>, <span class="string">'I know my data won\'t be used or saved, it will only be validated and returned to me'</span>, <span class="string">'description'</span>);</div> <div class="line"><span class="variable">$oForm</span>-&gt;<span class="function">addButton</span>(<span class="string">'Send'</span>, <span class="class">ButtonTypes</span>::submit, <span class="string">'save'</span>, <span class="string">'Save'</span>, <span class="string">''</span>, <span class="string">''</span>, <span class="string">' '</span>, <span class="string">'desktop'</span>);</div> <div class="line"><span class="variable">$oForm</span>-&gt;<span class="function">addButton</span>(<span class="string">'Reset'</span>, <span class="class">ButtonTypes</span>::reset, <span class="string">''</span>, <span class="string">'Cancel'</span>);</div> <div class="line"><span class="variable">$oForm</span>-&gt;<span class="function">display</span>();</div> <div class="line"><span class="php">?&gt;</span></div> </div> <script> $(document).ready(function() { $('.function-description').parent().children(':first-child').css({ visibility: 'hidden', display: 'block' }); setTimeout(function() { $('.function-description').css({ visibility: '', display: '' }); }, 1000); }) $('.function').each(function() { if ($('.function-description.' + $(this).attr('data-function')).length) { $(this).css({ textDecorationLine: 'underline', textDecorationStyle: 'dotted', textUnderlineOffset: '4px', textDecorationColor: 'red', cursor: 'pointer' }).click(function() { closePopup(); var s = $('.function-description.' + $(this).attr('data-function')); s.css('display', 'inline-block'); var w = ((s.innerWidth() + 16) + 18); /* width + popup border (2 * 8px) + scrollbar (18px) */ var h = ((s.children().length * 18) + 16); /* num lines * line height (18px) + popup border (2 * 8px) */ s.css('display', ''); showPopup(s.clone(), w, h); }); } }); </script> </body> </html>