很多时候,需要对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>