Question

我有以下场景，我在yii上创建了一个表单，并使用javascript和css将表单拆分为多个步骤，它全部在一个单独的表单中，但在视觉上分为几个步骤，现在我已经设置了ajax验证，它工作正常，问题是，当我单击“下一步”按钮转到表单的下一步时，我想在进入下一步之前“ajax验证”该特定步骤的字段，依此类推，任何想法？< / p>

BTW，我正在使用标准的Yii CActiveForm ajax验证：

            $form = $this->beginWidget('CActiveForm', array(
                'id' => 'formElem',
                'enableAjaxValidation' => true,
                'clientOptions' => array('validateOnSubmit' => true),
                    ));

Answer 1

此扩展程序可能对您有所帮助。

http://www.yiiframework.com/extension/wizard-behavior/

Answer 2

我最终做了一些javascript函数来根据yii的ajax请求的响应来检查.error类，当我们点击下一个按钮时我们会检查如下

            $(this).closest("fieldset").each(function(){

                $('input').blur();  //This Will trigger yii's CActiveForm ajax requests and return class .error or .success

            });

            var errchk = $(this).closest('fieldset').find('.error').length;

            /* Here we check for validation before moving to next step*/
            if(errchk){
                alert("Please Complete all Required fields!");

                return false;
            }else{

                void(0); //continue to slide
            }

部分ajax验证yii形式

2 个答案: