[英]Zend Ajax submit form
我有一個小問題,我不知道該如何解決。 Ajax驗證通過zend可以完美地工作。 按下提交按鈕確實可以驗證,但是當我收到正確的電子郵件和密碼時,它不會進入用戶頁面。 它只是保留在該表格上。 我知道這與通過Ajax提交時return false
和true
有關。
有人可以幫我解決這個問題嗎? 我不知道如果在驗證時未檢測到錯誤,如何在提交時return true
。
這是我的代碼:Ajax和Javascript
$(function() {
$('input').blur(function() {
var formElementId = $(this).get(0).id;
doValidation(formElementId);
});
});
**$(function() {
$('#btn_login').click(function() {
var email = document.getElementById('email').id;
var password = document.getElementById('password').id;
doValidation(email);
doValidation(password);
return false;
});
});**
function doValidation(id) {
var url = '/users/validationform';
var data = {};
$('input').each(function() {
data[$(this).attr('name')] = $(this).val();
});
$.post(url,data,function(resp) {
$("#" + id).parent().find('.errors').remove();
$("#" + id).parent().append(getErrorHtml(resp[id], id));
}, 'json');
}
function getErrorHtml(formErrors, id) {
var o = '<div id="login-error" style="color:red"><ul id="errors-'+id+'" class="errors" style="list-style-type:none;">';
for(errorKey in formErrors) {
o += '<li>- ' + formErrors[errorKey] + '</li>';
}
o += '</ul></div>';
return o;
}
Zend控制器:
public function validationformAction()
{
$loginForm = new Application_Form_UserLogin();
$loginForm->isValidPartial($_POST);
header('Content-type: application/json');
$this->_helper->json($loginForm->getMessages());
}
public function loginFormAction()
{
$this->_helper->layout()->disableLayout();
//$this->_helper->viewRenderer->setNoRender(true);
$email = $this->getRequest()->getParam('email');
$password = $this->getRequest()->getParam('password');
$loginForm = new Application_Form_UserLogin();
if ($this->getRequest()->isPost())
{
/************ Login Form ************/
if ($loginForm->isValid($this->getRequest()->getParams()))
{
$user = $this->_helper->model('Users')->createRow($loginForm->getValues());
$user = $this->_helper->model('Users')->fetchRowByFields(array('email' => $email, 'hash' => $password));
if($user)
{
Zend_Session::rememberMe(86400 * 14);
Zend_Auth::getInstance()->getStorage()->write($user);
$this->getHelper('redirector')->gotoRoute(array(), 'invite');
return;
}
else {
// Error message
$this->view->errorMsg = "<b>password</b> - invalid, please try again! *";
}
}
else
{
// something
}
}
$this->view->loginForm = $loginForm;
}
嘗試使用Submit方法,如下所示:$(formselector).submit(); 但是因為您使用了ajax驗證,所以真正的問題在於提交時。 我認為您可以為all字段編寫單獨的驗證功能,並且可以使用ajax回調進行提交。
或者嘗試jquery.validation http://bassistance.de/jquery-plugins/jquery-plugin-validation/,因為它知道ajax服務器端驗證,並在有效時自動提交表單。
對不起我的英語,我來自匈牙利:D
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.