Example: Manual form rendering and separated form and rules definition
- 1: <?php
- 3: /**
- 4: * Nette\Forms example 1
- 5: *
- 6: * - separated form and rules definition
- 7: * - manual form rendering
- 8: */
- 51: // Step 1: Define form
- 72: // Step 1b: Define validation rules
- 79: // conditional rule: if is email filled, ...
- 83: // another conditional rule: if is checkbox checked...
- 85: // toggle div #sendBox
- 103: // Step 2: Check if form was submitted?
- 106: // Step 2c: Check if form is valid
- 113: // this is the end, my friend :-)
- 115: }
- 118: // not submitted, define default values
- 126: }
- 130: // Step 3: Render form
- 131: ?>
- 132: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- 133: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- 134: <head>
- 135: <meta http-equiv="content-type" content="text/html; charset=utf-8" />
- 136: <meta http-equiv="content-language" content="en" />
- 138: <title>Nette\Forms example 1 | Nette Framework</title>
- 140: <style type="text/css">
- 141: <!--
- 142: .required {
- 143: color: darkred
- 144: }
- 146: fieldset {
- 147: padding: .5em;
- 148: margin: .3em 0;
- 149: background: #EAF3FA;
- 150: border: 1px solid #b2d1eb;
- 151: }
- 153: input.button {
- 154: font-size: 120%;
- 155: }
- 157: th {
- 158: width: 8em;
- 159: text-align: right;
- 160: }
- 161: -->
- 162: </style>
- 163: </head>
- 165: <body>
- 166: <h1>Nette\Forms example 1</h1>
- 171: <p>Opravte chyby:</p>
- 175: <fieldset>
- 176: <legend>Personal data</legend>
- 177: <table>
- 178: <tr class="required">
- 181: </tr>
- 182: <tr class="required">
- 185: </tr>
- 186: <tr>
- 189: </tr>
- 190: <tr>
- 193: </tr>
- 194: </table>
- 195: </fieldset>
- 198: <fieldset>
- 199: <legend>Shipping address</legend>
- 203: <table id="sendBox">
- 204: <tr>
- 207: </tr>
- 208: <tr class="required">
- 211: </tr>
- 212: <tr class="required">
- 215: </tr>
- 216: </table>
- 217: </fieldset>
- 221: <fieldset>
- 222: <legend>Your account</legend>
- 223: <table>
- 224: <tr class="required">
- 227: </tr>
- 228: <tr class="required">
- 231: </tr>
- 232: <tr>
- 235: </tr>
- 236: <tr>
- 239: </tr>
- 240: </table>
- 241: </fieldset>
- 243: <div>
- 246: </div>
- 249: </body>
- 250: </html>