yii form 表单提交之前JS在提交按钮的验证方法
网络编程 2021-07-04 19:20www.168986.cn编程入门
很多时候,需要对Yii表单model中的对象设置的rules进行判断,有的时候可能需要在提交之前就在客户端进行验证。怎么处理呢?接下来通过本文给大家分享yii form 表单提交之前JS在提交按钮的验证方法,需要的的朋友参考下
很多时候,需要对Yii表单model中的对象设置的rules进行判断,有的时候可能需要在提交之前就在客户端进行验证,我这边设置的方法是在提交按钮上设置监听器,如果部分内容为空(比如多选按钮没有选择),那么提示出错信息。主要目的是页面不用提交后刷新,进入controller的对应函数之后再判断出错。显示rules()验证规则函数的错误信息。
这里为了验证是否选择某个单选按钮,对提交的按钮onclick设置监听,具体如下
<Button onclick = "return fun()"/>
自定义fun()函数,需要有return true和false两种情况
<script> function fun(){ var CheckBox = document.getElementsByName('checkBox[]');//获取所有的checkBox var count=0; for(i=0;i < CheckBox.length;i++){ if(CheckBox[i].checked == true){ count++; } } if(count == 0 ){ var errorMeg = document.getElementById('HomeworkTrConfig_flag_em_'); errorMeg.style.display = ""; errorMeg.innerHTML="请至少选择一项"; return false; }else{ return true; } } </script>
补充Yii表单验证中,提交前验证,不通过不提交
以前记得有这么一个写法,就是当表单中的内容不符合验证规则时,会不允许提交,时间一长忘了怎么写了,手册里面也没写,查了一下资料,做一下笔记
$form = $this->beginWidget('CActiveForm',array( 'id' => 'add_host', 'enableAjaxValidation' => false, 'enableClientValidation' => true, 'clientOptions' => array( 'validateOnSubmit' => true //在这个位置做验证 ), 'focus' => array($model,'ip') )); ?>
以上所述是长沙网络推广给大家介绍的yii form 表单提交之前JS在提交按钮的验证方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,长沙网络推广会及时回复大家的。在此也非常感谢大家对狼蚁SEO网站的支持!
上一篇:js实现自定义进度条效果
下一篇:jQuery模拟窗口抖动效果
编程语言
- 如何快速学会编程 如何快速学会ug编程
- 免费学编程的app 推荐12个免费学编程的好网站
- 电脑怎么编程:电脑怎么编程网咯游戏菜单图标
- 如何写代码新手教学 如何写代码新手教学手机
- 基础编程入门教程视频 基础编程入门教程视频华
- 编程演示:编程演示浦丰投针过程
- 乐高编程加盟 乐高积木编程加盟
- 跟我学plc编程 plc编程自学入门视频教程
- ug编程成航林总 ug编程实战视频
- 孩子学编程的好处和坏处
- 初学者学编程该从哪里开始 新手学编程从哪里入
- 慢走丝编程 慢走丝编程难学吗
- 国内十强少儿编程机构 中国少儿编程机构十强有
- 成人计算机速成培训班 成人计算机速成培训班办
- 孩子学编程网上课程哪家好 儿童学编程比较好的
- 代码编程教学入门软件 代码编程教程