谢谢你的反馈!
经过进一步调查,我确实希望在检查表单时打开所需的属性;为了实现这一点,我编写了两个简单的 JavaScript 函数(并使用了我在网上找到的第三个函数)来检查复选框的当前状态,并在适当的时候将字段标记为必需。
在视图文件中,我在两个位置添加了函数调用。第一个块在 onload 函数中,在加载窗口时调用:
<script type="text/javascript">
window.onload = function() {
toggle_setup(document.getElementById('ClientTv'), 'tvPrice', false)
toggle_required(document.getElementById('ClientTv'), "ClientTvPrice")
}
</script>
这些都是一团糟,我知道。但他们奏效了!
请注意,单击复选框时出现的字段包含在一个 div 中,其名称在 toggle_setup 函数中用于根据需要显示或隐藏 div。在这种情况下,我将 div 命名为“tvPrice”
<?php echo $this->Form->input('Client.tv', array('label'=>'Purchasing TV? <small>(Check if Yes)</small>', 'onclick'=>'toggle_setup(this, "tvPrice", "TV pricing");toggle_required(this, "ClientTvPrice")'));
echo $this->Form->input('Client.tv_price', array('label'=>'Enter TV Price','div'=>array('class'=>'hidden', 'id'=>'tvPrice')));
?>
以下是 JavaScript 函数本身:
function toggle_required(element, id) {
var object = document.getElementById(id)
if(element.checked) {
object.setAttribute( 'required', "required")
} else {
object.removeAttribute('required')
}
}
function toggle_setup(element, div, human_term) {
if(element.checked) {
document.getElementById(div).style.display='block'
} else {
if(!human_term) {
clearChildren(document.getElementById(''+div))
document.getElementById(div).style.display='none'
} else {
if(confirm('Are you sure you want to clear the client\'s '+human_term+' settings?')) {
clearChildren(document.getElementById(div))
document.getElementById(div).style.display='none'
} else {
element.checked = true
}
}
}
}
function clearChildren(element) {
for (var i = 0; i < element.childNodes.length; i++) {
var e = element.childNodes[i];
if (e.tagName) switch (e.tagName.toLowerCase()) {
case 'input':
switch (e.type) {
case "radio":
case "checkbox": e.checked = false; break;
case "button":
case "submit":
case "image": break;
default: e.value = ''; break;
}
break;
case 'select': e.selectedIndex = 0; break;
case 'textarea': e.innerHTML = ''; e.value=""; break;
default: clearChildren(e);
}
}
}
上面的代码使用了一个名为“hidden”的 CSS 类,我定义如下:
.hidden {
display: none;
}
根据上述建议,我已将'required'=>false
and'allowEmpty'=>true
行添加到我的验证数组中,它似乎正在工作。
谢谢大家的帮助!