在Ajax中显示Zend表单验证错误

Question

有一张Zend登记表。输入用户名、电子邮件、密码和确认密码。电子邮件验证程序如下所示：

    $this->add(array(
        'name' => 'email_reg',
        'required' => true,
        'filters' => array(
            array(
                'name' => 'StripTags',
            ),
            array(
                'name' => 'StringTrim',
            ),
        ),
        'validators' => array(
            array(
            'name' => 'EmailAddress',
            'options' => array(
                'domain' => true,
                'messages' => array(
                        \Zend\Validator\EmailAddress::INVALID_FORMAT => 'Email address format is invalid'
                    ),
                ),
            ),
            array(
                'name'    => 'Db\NoRecordExists',
                'options' => array(
                    'table' => 'user',
                    'field' => 'email',
                    'adapter' =>  $sm->get ( 'Zend\Db\Adapter\Adapter' ),
                    'messages' => array(
                    NoRecordExists::ERROR_RECORD_FOUND => 'E-mail address already exists'
                    ),
                ),
            ),
        ),
    ));

有4个验证器：必需类型、电子邮件格式以及数据库中是否有人具有以下电子邮件。错误消息如下：-需要电子邮件-电子邮件地址格式无效-电子邮件地址已存在

尝试使用ajax捕获错误消息和输出时出现问题。在具有以下功能的RegisterController中：

public function ajaxAction()
{
    if (!$this->request->isPost()) {
        return $this->redirect()->toRoute(NULL,
            array( 'controller' => 'index'
            )
        );
    }

    $form = $this->getServiceLocator()->get('RegisterForm');
    $form->setInputFilter(new RegisterFilter($this->getServiceLocator()));  
    $post = $this->request->getPost();
    $form->setData($post);
    $response   = $this->getResponse();
    $hello = 1;
    if (!$form->isValid()){
        // email is invalid; print the reasons
        $json= $form->getMessages();
        $response->setContent(\Zend\Json\Json::encode($json));
    }
    return $response;
}

和jQuery文件：

$( document ).ready(function() {
         var urlform = "register/ajax";
    $("#btnRegister").click( function() {
        $("#Register").submit( function() {
           return false;    
        });
        $.ajax({
            url: urlform,
            type: 'POST',
            dataType: 'json',
            async: true,
            data: $(".form-signin").serialize(),
            success: function (data) {
                $("#rCheck").text(data);
                console.log(data);
            },
            error: function (data) {
                $("#rCheck").text(data);
                console.log(data);
            }
        }); 
    });
});

在控制台我得到了这样的东西https://imagizer.imageshack.us/v2/558x205q90/661/uC09Da.png和div与id#rcheck获取[对象][对象]。

Answer 1

从您提供的图像中，错误消息将正确返回。错误是您试图直接将一个Object写入您的div。

您应该研究如何使用JavaScript读取对象。请尝试使用以下代码：

success: function (data) {
            data.forEach(function(datum) {
               Object.keys(datum).forEach(function (key) {
                $('<p>'+obj[key]+'</p>').appendTo('#rCheck');
                });
            });
            console.log(data);
        },

或者您也可以在ajaxAction中执行此操作：

$messages = array();
$errors = $form->getMessages();
foreach($errors as $key=>$row)
{
    if (!empty($row) && $key != 'submit') {
        foreach($row as $keyer => $rower)
        {
            $messages[$key][] = $rower;    
        }
    }
}
if (!empty($messages)){ 
$response->setContent(\Zend\Json\Json::encode($messages));
}
return $response;       

下面是一篇关于如何将Zend\Form与Ajax验证结合使用的好文章。

希望这能有所帮助。