这篇文章主要介绍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如何在提交按钮上进行验证”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联网站建设公司行业资讯频道!
另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
本文标题:yii中form表单提交之前JS如何在提交按钮上进行验证-创新互联
转载源于:https://www.cdcxhl.com/article42/dssshc.html
成都网站建设公司_创新互联,为您提供动态网站、网站设计公司、电子商务、网页设计公司、网站排名、网站维护
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联