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>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值