Zend 1.12 + Ajax - 提交表单

时间:2015-02-19 11:41:45

标签: javascript jquery forms zend-framework twitter-bootstrap-3

用户点击提交表单后,我需要调用该表单的Zend验证而不刷新整个页面。我也在我的网站上使用zend_Layout。我在这里看到了很多教程,但仍然无法使其正常工作。

索引控制器:

class IndexController extends Zend_Controller_Action {

    public function init() {

    }

    public function indexAction() {
$this->view->static_data = "eg. ABCDEFG"; 

        $this->view->form = new Application_Form_Test();
    }
    public function ajaxAction() {
        // probably some code to hande ajax 
    }
}

查看索引/索引:

...
<?php 
echo date('m/d/Y h:i:s a', time());
echo $this->static_data; 
?>

<hr />
<?php echo $this->form ?>
...

形式:

class Application_Form_Test extends Zend_Form
{
    public function init()
    {
        $this->setMethod('post');
        $this->setAttrib('class', 'form1');

        $this->addElement('text', 'email', array(
            'label'      => 'Your email address:',
            'required'   => true,
            'filters'    => array('StringTrim'),
            'validators' => array(
                'EmailAddress',
            )
        ));

        $this->addElement('text', 'name', array(
            'label'      => 'Your name:',
            'required'   => true,
            'validators' => array(
                array('validator' => 'StringLength', 'options' => array(3, 20))
                )
        ));

        // Add the submit button
        $this->addElement('submit', 'submit', array(
            'ignore'   => true,
            'label'    => 'Send',
        ));

        // And finally add some CSRF protection
        $this->addElement('hash', 'csrf', array(
            'ignore' => true,
        ));
    }
}

那么如何在不刷新该页面的其余部分的情况下验证表单,并在表单无效的情况下查看Zend错误消息。

1 个答案:

答案 0 :(得分:1)

您可以将表单发布到Ajax操作,您将在其中实例化表单并从请求中注入数据。

$form = new Form();
if ($this->getRequest()->isPost()) {
    if ($form->isValid($this->getRequest()->getPost())) {
        //save data
        ....
    }
}
$this->view->form = $form;

您有两种选择:

  • 在视图中渲染表单并使用HTML进行响应。使用JavaScript将当前表单替换为Ajax请求返回的HTML。
  • 使用Zend_Form::getMessages()获取错误消息并使用JSON进行响应。

    $this-view->messages = $form->getMessages();