[英]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.