eXtensible Form Language Demo: J

Form using collection validators.

Source Array

Array
(
    [name] => Array
        (
            [0] => Bronson
            [1] => Caliban
            [2] => Tovohery
        )

    [colours] => Array
        (
            [0] => blue
        )

    [languages] => Array
        (
            [0] => java
            [1] => perl
            [2] => php
            [3] => python
        )

)

XFL Document

<?xml version="1.0" encoding="UTF-8"?>
<xfl xmlns:xfl="http://semlabs.co.uk/products/xfl">
	<form enctype="multipart/form-data" action="" method="post">
		<ul>
			<li>
				<label>Names</label>
				<xfl:collection type="range" value="3-5" error="You must enter between 3 and 4 names">
					<xfl:foreach select="name/xfl-item">
						<input type="text" name="name[]" class="small">
							<xfl:sanitise type="text" />
							<xfl:validate type="required" value="yes" error="Name is required" />
							<xfl:validate type="minlength" value="2" error="Name must not be shorter than 2 characters" />
							<xfl:validate type="maxlength" value="64" error="Name must not be longer than 64 characters" />
							<xfl:validate type="regex" value="/^[a-z ]+$/i" error="Name must only contain letters and spaces" />
						</input>
					</xfl:foreach>
				</xfl:collection>
			</li>
			<li>
				<label>Colours</label>
				<select name="colours[]" multiple="multiple">
					<xfl:collection type="range" value="2-5" error="You must select betwween 2 and 5 colours" />
					<option value="blue">Blue</option>
					<option value="orange">Orange</option>
					<option value="pink">Pink</option>
					<option value="red">Red</option>
					<option value="yellow">Yellow</option>
				</select>
			</li>
			<li>
				<label>Languages</label>
				<xfl:collection type="required" value="yes" error="You must select at least one language">
					<input type="checkbox" name="languages[]" value="c" />
					<input type="checkbox" name="languages[]" value="c++" />
					<input type="checkbox" name="languages[]" value="java" />
					<input type="checkbox" name="languages[]" value="perl" />
					<input type="checkbox" name="languages[]" value="php" />
					<input type="checkbox" name="languages[]" value="python" />
					<input type="checkbox" name="languages[]" value="ruby" />
				</xfl:collection>
			</li>
			<li>
				<button name="xfl_submit">Submit</button>
			</li>
		</ul>
	</form>
</xfl>

eXtensible Form Language

Version: 0.3.1 (open beta²)

Download

Requirements: PHP 5.2

SEM Labs

Handcrafted Pixels, Code & Title Tags

eXtensible Form Language Demos

Source Array

XFL Document