Thursday, April 12, 2012

Zend Framework form with jquery

Any one a idea how to simply create a form with Zend_Form and jquery? I want to use Zend_Form to validate the form so I don't have to dual script the form in JavaScript and PHP.

Thank you,

Ivo Trompert

Source: Tips4all


  1. No problem there.

    Add ZendX_JQuery to your library if you use autoload.

    Then extend ZendX_JQuery_Form to your needs.
    Do your stuff in the init() method of your class.

    For example, I was able to create an AutoComplete field which has regular Zend_Form validation plus JQuery behavior like this:

    $elem = new ZendX_JQuery_Form_Element_AutoComplete(
    array('Label' => 'Search',

    $elem->setJQueryParams(array('data' => array(),
    'url' => 'my_autocomplete_callback.php',
    'minChars' => 1,
    'onChangeInterval' => 500,

    Then I even changed the default decorators like this:

    $elementDecorators = array(
    array('UiWidgetElement', array('tag' => '')),
    array('Errors', array('tag' => 'div', 'class'=>'error')),
    array('HtmlTag', array('tag' => 'div')),

    And finally add to my form (remember I'm in the init() so I'll address it via $this):


    There you are, the magic is done.

    PS: don't forget to add the following in your bootstrap:

    $view->addHelperPath('ZendX/JQuery/View/Helper/', 'ZendX_JQuery_View_Helper');

  2. Well, Zend_Form will not generate any client-side JavaScript validators for you, if that's what you mean.

    BUT: You can just do all the validation on the server, and use jQuery to hook into the fields' change events, and to AJAX-ify the form validation.

    Check that for a sample.

    Here we show how to add a plugin to the Zend framework to handle the client side vlidation