簡體   English   中英

Zend Ajax提交表格

[英]Zend Ajax submit form

我有一個小問題,我不知道該如何解決。 Ajax驗證通過zend可以完美地工作。 按下提交按鈕確實可以驗證,但是當我收到正確的電子郵件和密碼時,它不會進入用戶頁面。 它只是保留在該表格上。 我知道這與通過Ajax提交時return falsetrue有關。

有人可以幫我解決這個問題嗎? 我不知道如果在驗證時未檢測到錯誤,如何在提交時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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM