Yii2：登录、注册和；密码重置表单在单个视图中协同工作

我正在为webapp使用Yi2。我陷入了一个非常独特的境地&需要帮助

我正在使用javascript fadeIn和Fadeout效果来显示和隐藏表单。因此，为了实现这一效果，我必须将所有三个表单放在一个视图中，并在单击按钮时调用相应的控制器（actionlogin、actionSignup和actionPasswordReset）

我将所有三个表单的参数规则声明为“必需”以进行验证，但当我提交表单时，它不再继续工作，因为它希望我填写其他两个表单字段并提交，因为其他两个表单也在同一视图中

我还将调用动画的javascript代码放在这里：

        <script>
        jQuery(document).ready(function() {
        App.setPage("login");  //Set current page
        App.init(); //Initialise plugins and elements
                                    });
    </script>
    <script type="text/javascript">
        function swapScreen(id) {
            jQuery('.visible').removeClass('visible animated fadeInUp');
            jQuery('#' + id).addClass('visible animated fadeInUp');
        }
    </script>

jQuery（文档）.ready（函数（）{
App.setPage（“登录”）；//设置当前页面
App.init（）；//初始化插件和元素
});
功能交换屏幕（id）{
jQuery（'.visible'）.removeClass（'visible animated fadeInUp'）；
jQuery（'#'+id）.addClass（'visible animated fadeInUp'）；
}

有人知道怎么做吗

代码是：

<section id="login"  class="visible">
     <?php $form = ActiveForm::begin(['id' => 'login-form', 'options' => array('role' => 'form')]); ?>
     <div class="form-group">
     <?= $form->field($model, 'email_address',['template' => "{label}\n<i class='fa fa-envelope'></i>\n{input}\n{hint}\n{error}"]); ?>
     </div>
          <div class="form-group">
             <?= $form->field($model, 'password', ['template' => "{label}\n<i class='fa fa-lock'></i>\n{input}\n{hint}\n{error}"])->passwordInput(); ?>
           </div>
           <div class="form-actions">
           <?= $form->field($model, 'rememberMe',['template' => "{input}&nbsp;{label}"])->checkbox(); ?>
           <?= Html::submitButton('Submit', ['class' => 'btn btn-danger', 'name' => 'login-button']) ?>
           </div>
 <?php $form = ActiveForm::end(); ?>

我的注册页面是

<section id="register" class="visible">

 <?php $form = ActiveForm::begin(['id' => 'signup-form',  'options' => array('role' => 'form')]); ?>
  <div class="form-group">
   <?= $form->field($model, 'full_name',['template' => "{label}\n<i class='fa fa-font'></i>\n{input}\n{hint}\n{error}"]); ?>
   </div>
   <div class="form-group">
     <?= $form->field($model, 'email',['template' => "{label}\n<i class='fa fa-envelope'></i>\n{input}\n{hint}\n{error}"]); ?>
    </div>
    <div class="form-group"> 
    <?= $form->field($model, 'input_password',['template' => "{label}\n<i class='fa fa-lock'></i>\n{input}\n{hint}\n{error}"])->passwordInput() ?>
     </div>
     <div class="form-group">
     <?= $form->field($model, 'input_confirm_password',['template' => "{label}\n<i class='fa fa-check-square-o'></i>\n{input}\n{hint}\n{error}"])->passwordInput() ?>
      </div>
       <div class="form-actions">
        <?= $form->field($model, 'agreeTC',['template' => "{input}"])->checkbox(['class' => 'uniform']); ?>                                       
        <?= Html::submitButton('Signup', ['class' => 'btn btn-success', 'name' => 'signup-button']) ?>
          </div>

&我的请求重置代码是：

<section id="forgot" class="visible">
 <?php $form = ActiveForm::begin(['id' => 'request-password-reset-form']); ?>
    <div class="form-group">
       <?= $form->field($model, 'reset_email',['template' => "{label}\n<i class='fa fa-envelope'></i>\n{input}\n{hint}\n{error}"]); ?>
       </div>
        <div class="form-actions">
        <?= Html::submitButton('Send Me Reset Instructions', ['class' => 'btn btn-info', 'name' => 'reset-button']) ?>   
         </div>
         <?php $form = ActiveForm::end(); ?>

---

Hola您可以尝试此操作，使控制器动作YourView（），实例3模型并发送到视图。 示例控制器

//your login,signup and passReset model dir 
use frontend\models\login;
use frontend\models\signup;
use frontend\models\passReset;

//example if the Controller is Site (defaulOne)
class SiteController extends Controller
{
    //your action
    public function actionYourview(){
    //1 Make your 3 models for separate

        $loginModel = new login();
        $signupModel = new signup();
        $passResetModel = new passReset();

        //this will solve your problem of the three forms as 'required' 
        if($loginModel->load(Yii::$app->request->post()) &&  $loginModel){ //if Login form is summit and validate 
            //do your login stuff

        }else if($signupModel->load(Yii::$app->request->post())){ //if $signupModel form is summit 
            //do your signup stuff

        }else if($passResetModel->load(Yii::$app->request->post())){ //if $passreset form is summit 
            // do yout pass reset stuff
        }else{ // and else just render and make sure that you pass your 3 models

        return $this->render('Yourview',[
            'loginModelToView'           =>$loginModel,
            'signupModelToView'          =>$signupModel,
            'passResetModelToView'       =>$passResetModel
        ]);
        }
    }

}

视图只是将$model更改为各自的模型

登录

报名

<section id="register" class="visible">

 <?php $form = ActiveForm::begin(['id' => 'signup-form',  'options' => array('role' => 'form')]); ?>
  <div class="form-group">
   <?= $form->field($signupModelToView, 'full_name',['template' => "{label}\n<i class='fa fa-font'></i>\n{input}\n{hint}\n{error}"]); ?>
   </div>
   <div class="form-group">
     <?= $form->field($signupModelToView, 'email',['template' => "{label}\n<i class='fa fa-envelope'></i>\n{input}\n{hint}\n{error}"]); ?>
    </div>
    <div class="form-group"> 
    <?= $form->field($signupModelToView, 'input_password',['template' => "{label}\n<i class='fa fa-lock'></i>\n{input}\n{hint}\n{error}"])->passwordInput() ?>
     </div>
     <div class="form-group">
     <?= $form->field($signupModelToView, 'input_confirm_password',['template' => "{label}\n<i class='fa fa-check-square-o'></i>\n{input}\n{hint}\n{error}"])->passwordInput() ?>
      </div>
       <div class="form-actions">
        <?= $form->field($signupModelToView, 'agreeTC',['template' => "{input}"])->checkbox(['class' => 'uniform']); ?>                                       
        <?= Html::submitButton('Signup', ['class' => 'btn btn-success', 'name' => 'signup-button']) ?>
          </div>

最终重置

<section id="forgot" class="visible">
 <?php $form = ActiveForm::begin(['id' => 'request-password-reset-form']); ?>
    <div class="form-group">
       <?= $form->field($passResetModelToView, 'reset_email',['template' => "{label}\n<i class='fa fa-envelope'></i>\n{input}\n{hint}\n{error}"]); ?>
       </div>
        <div class="form-actions">
        <?= Html::submitButton('Send Me Reset Instructions', ['class' => 'btn btn-info', 'name' => 'reset-button']) ?>   
         </div>
         <?php $form = ActiveForm::end(); ?>

---

希望这就是你的样子。祝你好运

你能包括视图代码吗？我的视图代码我在概念上显示。它太大了，所以我删除了一些东西，但给出抽象的想法很好。我之前已经给出了我的javascript代码。我是基于id调用它的。我已经删除了div tags$的html代码，只是显示了所需的代码。您可以添加控制器的表单验证代码吗？因为我觉得这可能就是问题所在，谢谢你的回复…但是当我登录时，我的默认布局没有被应用，发生了什么事？？

<section id="forgot" class="visible">
 <?php $form = ActiveForm::begin(['id' => 'request-password-reset-form']); ?>
    <div class="form-group">
       <?= $form->field($passResetModelToView, 'reset_email',['template' => "{label}\n<i class='fa fa-envelope'></i>\n{input}\n{hint}\n{error}"]); ?>
       </div>
        <div class="form-actions">
        <?= Html::submitButton('Send Me Reset Instructions', ['class' => 'btn btn-info', 'name' => 'reset-button']) ?>   
         </div>
         <?php $form = ActiveForm::end(); ?>