Question

我能够在服务器端验证表单，但无法在客户端进行验证。表单由zend表单创建。我的代码就像：

    $this->addElement('text', 'name', array(
    'label' => 'Name:',
    'required' => true,
    'class' => 'span12'
    ));
    $this->addElement('text', 'phone', array(
    'label' => 'Phone:',
    'required' => true,
    'class' => 'span12'
    ));
   $this->addElement('submit', 'save', array(
    'ignore' => true,
    'label' => 'Submit',
    'class' => 'btn btn-primary'
    ));

请让我知道如何做到这一点。

Answer 1

使用jquery

尝试此操作

$(document).ready(function() {
    $('form').submit(function() {
        var name = $('input[name="name"').val();
        if (name == '' || typeof name == 'undefined') {
            alert('Please provide name');
            return false;
        }
    })
});

Answer 2

我已经实现了一个工具，可以自动创建来自给定Zend_Form的客户端验证（使用jQuery Validation Plugin）。你所要做的就是使用这样的东西：

echo $this->form->render();
echo $this->ZQueryFormValidation($this->form);

可在此处找到简短示例以及手册和GitHub页面的链接：http://www.web-punk.com/2014/01/automatically-generate-client-side-form-validation-from-server-side-form-validation-zend-form-to-jqueryvalidation/

通过zend形式创建表单的jquery验证

2 个答案: