2013-07-19 67 views
0

我能夠在服務器端驗證表單,但無法在客戶端執行。表單是以zend的形式創建的。我的代碼是這樣的:jQuery的表單創建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' 
    )); 

請讓我知道如何做到這一點。

回答

0

試試這個使用jQuery

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

如何使用validate()方法驗證? – Mausumi

+0

否jquery validate()。我認爲它適用於客戶端驗證。但對我來說,它顯示typeerror $(...)。validate不是一個函數。 – Mausumi

+0

好的,你可以參考這個http://codeutopia.net/blog/2008/04/04/client-side-validation-with-zend_form/ –

0

我已經實現了一個工具,可以自動生成客戶端驗證(使用jQuery驗證插件)從給定的Zend_Form。所有你需要做的就是用這樣的事情是你的觀點:

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/