jquery - 由zend表单创建的表单的jquery验证

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

我已经实现了一个从给定 Zend_Form 自动创建客户端验证（使用 jQuery 验证插件）的工具。你所要做的就是使用这样的东西是你的观点：

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/

Answer 2

Try this using jquery

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