很多时候，需要对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在提交按钮的验证方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# yii  # form  # 表单提交  # Yii2创建表单(ActiveForm)方法详解  # Yii框架form表单用法实例  # yii2 modal弹窗之ActiveForm ajax表单异步验证  # YII2.0之Activeform表单组件用法实例  # Yii2基于Ajax自动获取表单数据的方法  # Yii2简单实现给表单添加验证码的方法  # yii用户注册表单验证实例  # Yii框架表单提交验证功能分析  # Yii中表单用法实例详解  # Yii 框架使用Forms操作详解  # 表单  # 小编  # 是在  # 就在  # 在这个  # 也没  # 在此  # 两种  # 给大家  # 写了  # 自定义  # 不符合  # 错误信息  # 所述  # 给我留言  # 感谢大家  # 为空  # 多选  # 单选  # 我这边 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： 油猴 教程,油猴搜脚本为什么会网页无法显示？  HTML透明颜色代码怎么让下拉菜单透明_下拉菜单透明背景指南【技巧】  Laravel如何获取当前用户信息_Laravel Auth门面获取用户ID  laravel怎么实现图片的压缩和裁剪_laravel图片压缩与裁剪方法  Laravel怎么创建控制器Controller_Laravel路由绑定与控制器逻辑编写【指南】  详解阿里云nginx服务器多站点的配置  iOS正则表达式验证手机号、邮箱、身份证号等  详解Android中Activity的四大启动模式实验简述  Laravel Eloquent关联是什么_Laravel模型一对一与一对多关系精讲  如何在云主机上快速搭建网站？  Laravel如何配置和使用队列处理异步任务_Laravel队列驱动与任务分发实例  Python自动化办公教程_ExcelWordPDF批量处理案例  如何做网站制作流程,*游戏网站怎么搭建？  javascript中的数组方法有哪些_如何利用数组方法简化数据处理  Laravel如何实现多表关联模型定义_Laravel多对多关系及中间表数据存取【方法】  谷歌浏览器下载文件时中断怎么办 Google Chrome下载管理修复  Midjourney怎样加参数调细节_Midjourney参数调整技巧【指南】  如何在阿里云购买域名并搭建网站？  详解Android图表 MPAndroidChart折线图  Laravel怎么上传文件_Laravel图片上传及存储配置  Laravel如何实现API版本控制_Laravel API版本化路由设计策略  JavaScript数据类型有哪些_如何准确判断一个变量的类型  北京网站制作公司哪家好一点,北京租房网站有哪些？  网页设计与网站制作内容,怎样注册网站？  Laravel如何使用查询构建器？（Query Builder高级用法）  如何在IIS服务器上快速部署高效网站？  Java垃圾回收器的方法和原理总结  如何制作新型网站程序文件,新型止水鱼鳞网要拆除吗？  中国移动官方网站首页入口 中国移动官网网页登录  Swift中swift中的switch 语句  Laravel如何使用缓存系统提升性能_Laravel缓存驱动和应用优化方案  车管所网站制作流程,交警当场开简易程序处罚决定书，在交警网站查询不到怎么办？  Laravel如何发送邮件和通知_Laravel邮件与通知系统发送步骤  Laravel怎么进行数据库事务处理_Laravel DB Facade事务操作确保数据一致性  Laravel如何实现数据导出到PDF_Laravel使用snappy生成网页快照PDF【方案】  如何快速打造个性化非模板自助建站？  北京网页设计制作网站有哪些,继续教育自动播放怎么设置？  html文件怎么打开证书错误_https协议的html打开提示不安全【指南】  如何在企业微信快速生成手机电脑官网？  MySQL查询结果复制到新表的方法(更新、插入)  瓜子二手车官方网站在线入口 瓜子二手车网页版官网通道入口  Laravel如何记录日志_Laravel Logging系统配置与自定义日志通道  5种Android数据存储方式汇总  PythonWeb开发入门教程_Flask快速构建Web应用  Laravel storage目录权限问题_Laravel文件写入权限设置  米侠浏览器网页背景异常怎么办 米侠显示修复  android nfc常用标签读取总结  Laravel N+1查询问题如何解决_Eloquent预加载(Eager Loading)优化数据库查询  Python面向对象测试方法_mock解析【教程】  图片制作网站免费软件,有没有免费的网站或软件可以将图片批量转为A4大小的pdf？