Phalcon Forms

It handles creation and maintenance of forms in the web application. Now, as we have designed a basic web-app before we would be adding signup form.

Designing Signup form

Change the index.phtml viewfile, add the signup page link as a controller.

app/views/index/index.phtml

<?php  

echo "<h1>Hello!</h1>";  

echo PHP_EOL;  

echo PHP_EOL;  

echo $this->tag->linkTo(  

    "signup",  

    "Sign Up Here!"  

);

OUTPUT:

Now, we write the signup controller

app/controllers/SignupController.php

 <?php  

use Phalcon\Mvc\Controller;  

class SignupController extends Controller  

{  

    public function indexAction()   

    {  

     }  

}  

?> 

Initializing Form

In this form, we provide the form definition i.e. structure of form is provided.

app/views/signup/index.phtml

 <h2>Sign up using this form</h2>  

<?php echo $this->tag->form("signup/register"); ?>  

<p>  

<label for="name">Name</label>  

<?php echo $this->tag->textField("name"); ?>  

</p>  

<p>  

<label for="email">E-Mail</label>  

<?php echo $this->tag->textField("email"); ?>  

</p>  

<p>  

<?php echo $this->tag->submitButton("Register"); ?>  

</p>  

</form> 

OUTPUT

Validating Form

Phalcon forms are integrated with the validation component to offer instant validation.

<?php  

use Phalcon\Forms\Element\Text;  

use Phalcon\Validation\Validator\PresenceOf;  

use Phalcon\Validation\Validator\StringLength;  

$name = new Text(  

    'name'  

);  

$name->addValidator(  

    new PresenceOf(  

        [  

            'message' => 'The name is required',  

        ]  

    )  

);  

$email = new Text(  

'email'  

);  

$name->addValidator(  

    new PresenceOf(  

        [  

            'message' =>'The email is required',  

        ]  

    )  

);  

$form->add($name);  

$form->add($email);  

?>

Form Elements

Phalcon provides a set of built-in elements to use in your forms. All these elements are located inside Phalcon\Forms\Element.

Name	Description
Phalcon\Forms\Element\Text	Generate INPUT[type=text] elements
Phalcon\Forms\Element\Password	Generate INPUT[type=password] elements
Phalcon\Forms\Element\Select	Generate SELECT tag (combo lists) elements based on choices
Phalcon\Forms\Element\Check	Generate INPUT[type=check] elements
Phalcon\Forms\Element\TextArea	Generate TEXTAREA elements
Phalcon\Forms\Element\Hidden	Generate INPUT[type=hidden] elements
Phalcon\Forms\Element\File	Generate INPUT[type=file] elements
Phalcon\Forms\Element\Date	Generate INPUT[type=date] elements
Phalcon\Forms\Element\Numeric	Generate INPUT[type=number] elements
Phalcon\Forms\Element\Submit	Generate INPUT[type=submit] elements