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

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

返回目录在线咨询

上一篇：全自动SEO站适合哪些类型的行业和企业？
下一篇：Avalonia中的{Binding #ElementName}怎么用 Avalonia元素名称绑定

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

全网整合营销服务商

yii form 表单提交之前JS在提交按钮的验证方法

您的项目需求