2018-12-14 17:41:24 1906次浏览 0条回答 0 悬赏 100 金钱

Vue 渲染 Yii2 的表单页面后,将屏蔽掉表单的客户端验证,而直接提交给后端验证,这样一来 Vue 也会重载,各种前端特性也就无法使用了。

问题:如何加载 Vue 且可以正常使用 Yii2 的客户端验证,各位大神有什么好的处理方法吗?

D:\phpwork\news\views\site\contact.php

<div class="site-contact" id="app">
    <?php $form = ActiveForm::begin(['id' => 'contact-form']); ?>

        <?= $form->field($model, 'name')->textInput(['autofocus' => true,':value'=>'name']) ?>

        <?= $form->field($model, 'email') ?>

        <?= $form->field($model, 'subject') ?>

        <?= $form->field($model, 'body')->textarea(['rows' => 6]) ?>

        <?= $form->field($model, 'verifyCode')->widget(Captcha::className(), [
            'template' => '<div class="row"><div class="col-lg-3">{image}</div><div class="col-lg-6">{input}</div></div>',
        ]) ?>

        <div class="form-group">
            <?= Html::submitButton('Submit', ['class' => 'btn btn-primary', 'name' => 'contact-button']) ?>
        </div>

    <?php ActiveForm::end(); ?>
</div>                
<?php
$this->registerJsFile('/js/vue.js');
$js=<<<JS
    //Vue渲染后,将屏蔽掉表单的客户端验证,而直接提交给后端验证
    var app=new Vue({
        el:'#app',
        data:{
            name:'123',
            email:'qq@qq.com',
        }
    });
JS;
$this->registerJs($js);
?>

D:\phpwork\news\controllers\SiteController.php

$model = new ContactForm();
if ($model->load(Yii::$app->request->post()) && $model->contact(Yii::$app->params['adminEmail'])) {
    Yii::$app->session->setFlash('contactFormSubmitted');
    return $this->refresh();
}
//后端 $model->contact()中调用validate()方法验证失败,会将错误信息自动加到$model中,表面上看着似乎是Yii2的客户端验证有效,实际上是从后端验证的。
return $this->render('contact', [
    'model' => $model,
]);

(全文完)

    没有找到数据。
您需要登录后才可以回答。登录 | 立即注册
阿江
副董事长

阿江

注册时间:2015-10-18
最后登录:2024-03-03
在线时长:186小时21分
  • 粉丝94
  • 金钱16816
  • 威望160
  • 积分20276

热门问题