Zend 1.12+Ajax-提交表单

Zend 1.12 + Ajax - Submit form

本文关键字：表单 提交 12+Ajax- Zend      更新时间：2024-01-28

用户点击提交表单后，我需要调用该表单的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错误消息呢。

您可以将表单发布到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();

相关文章：