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

作者：白狼出处：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 modal弹窗之ActiveForm ajax表单异步验证相关推荐

yii表单ajax验证,yii2 modal弹窗之ActiveForm ajax表单异步验证
前面我们讲述了yii2中如何使用modal以及yii2 gridview列表内更新操作如何使用modal的问题,本以为modal要告一段落可以开始新的话题了,但是实际问题往往超乎想像,这不modal弹 ...
html5表单提交json数据库,使用html5的FormData对象,通过 Ajax表单异步提交文件数据...
每次在向服务器提交文件对象数据是,总是需要借助各种三方插件来实现表单异步提交功能,还要为不同的界面去定制不同的插件css,相当繁琐.XMLHttpRequest Level 2 添加了一个新的接口-- ...
angular2表单异步验证
工作上解决的一种异步方法,angular8都发布了,也没去看官方网站:https://angular.io/features 阿里的框架:https://ng.ant.design/docs/rec ...
ajax核心代码提交,ajax表单在Asp.net核心提交后的RedirectToAction
我有一个名为Index的视图和一个名为'_Addbook'的PartialView,它显示为引导模式.在partialView中使用ajax表单将数据插入到数据库中.ajax表单在Asp.net核心提 ...
ajax刷新iframe页面,通过iframe实现简单的ajax表单提交
之前做项目都是用现成的jquery插件实现表单的校验以及ajax提交,但是今天有个简单的头像图片ajax上传,以及一个很简单的表单提交,实在不想引入一个插件了,本着代码量最小,最简单的原则,照着豆瓣照 ...
validate+jquery+ajax表单验证
1.案例 1.1 Html form表单内容 <form class="cForm" id="cForm" method="post" ...
Spring MVC和JQuery用于Ajax表单验证
在本教程中,我们将看到如何使用Ajax和Spring MVC和JQuery在服务器端验证表单. Spring MVC为通过注释驱动的配置采用Ajax提供了非常方便的过程. 我们将使用此注释驱动的配置以 ...
使用HTML5 FormData轻松完成Ajax表单提交
在我们的日常开发中,经常都会用到Ajax来提交表单.让我们来看一个典型的例子: <form id="myform" action="webservice.php&q ...
ajax提交输入内容,当输入用于提交时，AJAX表单提交
我有一位设计师坚持通过点击回车和由AJAX提交的帖子和由Fancybox提供的回复提交的单个表单域.问题是return false不能阻止页面的提交.当输入用于提交时,AJAX表单提交我在那里做错了 ...

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

yii2 modal弹窗之ActiveForm ajax表单异步验证相关推荐

最新文章

热门文章