如果SuiteCRM中的某个字段为空，则禁用或删除按钮的onClick属性

Question

祝您愉快！

我计划添加一个javascript，如果某个字段为空，它将删除onclick属性。顺便说一句，我修改我的代码是因为我在这方面使用了不同的方法：

首先，我添加了一个after_ui_frame逻辑挂钩，并使用自定义逻辑挂钩调用javascript。

$randomNumber = rand();
echo '<script type = "text/javascript">
var script  = document.createElement("script");
script.type = "text/javascript";
script.src  = "custom/include/CustomLogicHook/clearFields.js?v=' . $randomNumber . '";
document.body.appendChild(script);
</script>';

和我的自定义JS

$("#btn_custom_city_c").attr("disabled", true);
$("#btn_custom_barangay_c").attr("disabled", true);
$('#dvt2_province_id_c').keyup(function() {
if ($(this).val().length !=0)
$("#btn_custom_city_c").attr("disabled", false);
else
$("#btn_custom_city_c").attr("disabled", true);
});

禁用/启用按钮可以工作，但在相关字段上不起作用。此代码仅适用于普通场

Answer 1

我认为这段代码是由构建器或其他东西生成的。正确的真是一团糟！

无论如何，您可以检查输入值长度是否为==0。没有任何jquery。但要注意：

1-功能触发后，你离开输入后的变化。

2-空白表示输入值长度大于0

let changeListener = document.getElementById("input").addEventListener("change", function() {
let input = document.getElementById("input");
if (input.value.length == 0) {
document.getElementById("btn").disabled = true;
} else {
document.getElementById("btn").disabled = false;
}
})

<input type="text" id="input">
<button type="button" id="btn">button</button>

---

编辑：关于您的评论：

是的，您可以禁用启动按钮。只是在加载时禁用了它。

document.getElementById("btn").disabled = true;
let changeListener = document.getElementById("input").addEventListener("change", function() {
let input = document.getElementById("input");
if (input.value.length == 0) {
document.getElementById("btn").disabled = true;
} else {
document.getElementById("btn").disabled = false;
}
});

<input type="text" id="input">
<button type="button" id="btn">button</button>

Answer 2

如果您使用Suite CRM，我可以在按钮上实现我想要的行为。

我在下面添加了这个代码：

if($('#province_c').val() == " "){
$("#btn_custom_city_c").attr('disabled', true);
}else{
$("#btn_custom_city_c").attr('disabled', false);
}
var inputName = "input[name='province_c']";
YAHOO.util.Event.addListener(YAHOO.util.Selector.query(inputName), 'change', 
function(){
$("#btn_custom_city_c").attr('disabled', false);
});

有关更多信息，您可以在Suite CRM社区查看，单击此处