如果所有必填字段都以多页形式填写，如何显示"Next"按钮(WordPress + 强大的表单)

Question

我张贴，因为我正在寻找一个解决方案，我没有找到任何答案。我设法编写了一些有用的代码。

我有一个Wordpress网站与强大的表单插件。

我想隐藏"Next"按钮，并仅在填充了所有必需字段时显示它。无论是单选、复选框还是文本输入

当然，这不是最好的代码，可以优化。

Answer 1

jQuery(document).ready(function($){
$('.frm_button_submit').css('visibility','hidden');
$(document).bind('keyup change','.frm_opt_container input', function() {
var ok = true;
$('.frm_required_field .frm_opt_container:visible').each(function(index) {  

//check si il y au moins un field coche
var fields_empty = true;
$(this).find("input[type=checkbox], input[type=radio]").each(function(index) { 
if ( $(this).is(':checked') ) {
fields_empty = false;
return false; 
}
}); 

if(fields_empty){

ok = false;
return false;
} 
});

var input_not_text = '.frm_required_field:visible input:not(:checkbox):not(:radio)';
$(input_not_text).each(function(index) {  
if ( $(this).val().length == 0 ) {

ok = false;
return false;
}
});


if (!ok) {
jQuery('.frm_button_submit').css('visibility','hidden');
} else {
jQuery('.frm_button_submit').css('visibility','visible');
}
});



});