yii2 modal弹窗之ActiveForm ajax表单异步验证

转载 2016年06月19日 21:56:56

作者:白狼 出处:http://www.manks.top/yii2_modal_activeform_ajax.html 本文版权归作者,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

前面我们讲述了yii2中如何使用modal以及yii2 gridview列表内更新操作如何使用modal的问题,本以为modal要告一段落可以开始新的话题了,但是实际问题往往超乎想像,这不modal弹窗提交的表单说是怎么验证的问题又出来了,又出来了!

该问题的实质其实与modal的关系倒不大,其问题的核心在于ActiveForm的异步验证上,解决了首要矛盾,我们本篇文章的问题也就迎刃而解了。顺便再叨唠一句,modal确实没啥好说了。后面若是有我再把话改回来。

yii2中,ActiveForm默认做了客户端验证,但是表单的提交,却不是无刷新的。也就是常常看到的表单提交后页面会刷新。如果想要开启无刷新的模式,只需要在ActiveForm开始开启enableAjaxValidation即可,像下面这样

<?php $form = ActiveForm::begin([
        'id' => 'form-id',
        'enableAjaxValidation' => true,
        'validationUrl' => Url::toRoute(['validate-form']),
    ]
); ?>

注意哦,id和enableAjaxValidation一个都不能少。

关于validateUrl我们做一个说明。如果你不设置该参数,该地址默认是你当前路由,而又恰巧你当前路由就是表单form的action,你会很好奇的发现,当表单项input失去焦点的时候,你对数据的修改已经提交到后端进行了处理了?这往往不是我们想要的,此时就需要给validateUrl设置一个路由地址,其所要请求的操作的意义就在于异步做验证!我们看具体实现:

[考虑目前国内网站大部分采集文章十分频繁,更有甚者不注明原文出处,原作者更希望看客们查看原文,以防有任何问题不能更新所有文章,避免误导!]

继续阅读

yii2使用Model无刷新验证rule自定义方法

先配置rule/** * @inheritdoc */ public function rules() { return [ [["B"], "requiredBy...

Yii2 Ajax异步验证表单,用于验证用户输入字符串的合法性

yii2中,ActiveForm默认做了客户端验证,但是表单的提交,却不是无刷新的,自定义的验证规则需要提交后才能验证,这样一来页面就刷新了,体验上就不友好了。也就是常常看到的表单提交后页面会刷新。如...

yii2表单使用

Controller控制器层代码 [php] view plain copy  print?    namespace frontend\controllers;      u...

Yii2中的Ajax,异步更新表单

php页面的代码: $script= 

Yii2创建表单(ActiveForm)

由于表单涉及到一些验证方面的信息,属性设置又比较多、比较复杂,所以哪里有什么不正确的地方请留言指点 目录 表单的生成表单中的方法 ActiveForm::begin()方法ActiveForm:...

yii2基础之modal弹窗的基本使用

Modal也即是模态窗,通俗的说就是弹窗。是一款bootstrap的js插件,使用效果也是非常好。 为什么要使用modal就不必多说了,一个网站,在开发过程中你说你没用过js弹窗我都不信!好的弹窗不仅...

yii2使用modal弹窗

视图中引用bootstrap扩展use yii\bootstrap\Modal;

yii中ActiveForm表单工具的用法总结

ActiveForm 要和 Model/ActiveRecord 配合使用的。 所以 先要张表 像这样 ↓ +----------+--------------+------+-----+-----...

Yii ActiveForm表单组件使用

本文是使用ActiveForm的笔记单选框:radio(),radioList();把html用ActiveForm渲染生成radio,用法如下 转换前的html代码保密 ...

Yii2.0 ActiveForm 表单应用整理

用YII2.0框架自己的ActiveForm的表单生成方式 ,其实就是一个表单,我自己没有写form,input...,他就自己生成form表单!...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:yii2 modal弹窗之ActiveForm ajax表单异步验证
举报原因:
原因补充:

(最多只允许输入30个字)