Question

我正在尝试禁用表单按钮，直到某些字段被填满，按钮将启用并可单击。

当我填写所有必填字段时，按钮保持禁用状态。当我在填写字段后在控制台中测试if语句时，按钮变为启用但不是实际形式!!

当嵌入表单时条件为真时，这个if语句不应该执行吗？

jQuery("#gform_next_button_2_81").css("cursor", "not-allowed");
jQuery("#gform_next_button_2_81").attr("disabled","disabled")


    if (jQuery.trim(jQuery("#input_2_2").val()) !=='' 
&& jQuery.trim(jQuery("#input_2_7").val()) !=='' 
&& jQuery.trim(jQuery("#input_2_298_1").val()) !=='' 
&& jQuery.trim(jQuery("#input_2_16_1").val()) !=='' 
&& jQuery.trim(jQuery("#input_2_17").val()) !=='' 
&& jQuery.trim(jQuery("#input_2_19").val()) !=='' 
&& jQuery.trim(jQuery("#input_2_22").val()) !=='' 
&& jQuery.trim(jQuery("#input_2_26_3").val()) !=='' 
&& jQuery.trim(jQuery("#input_2_28").val()) !==''
&& jQuery.trim(jQuery("#input_2_66").val()) !==''){

jQuery("#gform_next_button_2_81").css("cursor", "context-menu");     
jQuery("#gform_next_button_2_81").removeAttr("disabled")
}

Answer 1

我应该在按钮上添加一个监听器。现在按钮正在按照预期启用。

 jQuery('#gform_next_button_2_81').mouseenter(function (){
if (jQuery.trim(jQuery("#input_2_2").val()) !=='' 
&& jQuery.trim(jQuery("#input_2_7").val()) !=='' 
&& jQuery.trim(jQuery("#input_2_298_1").val()) !=='' 
&& jQuery.trim(jQuery("#input_2_16_1").val()) !=='' 
&& jQuery.trim(jQuery("#input_2_17").val()) !=='' 
&& jQuery.trim(jQuery("#input_2_19").val()) !=='' 
&& jQuery.trim(jQuery("#input_2_22").val()) !=='' 
&& jQuery.trim(jQuery("#input_2_26_3").val()) !=='' 
&& jQuery.trim(jQuery("#input_2_28").val()) !=='' 
&& jQuery.trim(jQuery("#input_2_66").val()) !=='' ){

jQuery("#gform_next_button_2_81").css("cursor", "context-menu");     
jQuery("#gform_next_button_2_81").removeAttr("disabled")
}});

根据条件启用/禁用表单按钮

1 个答案: