Vue 渲染 Yii2 的表单页面后,将屏蔽掉表单的客户端验证,有什么好的处理方法吗? [ 2.0 版本 ]
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,
]);
(全文完)
共 0 个回答
没有找到数据。
阿江
注册时间:2015-10-18
最后登录:2024-03-03
在线时长:186小时21分
最后登录:2024-03-03
在线时长:186小时21分
- 粉丝94
- 金钱16816
- 威望160
- 积分20276