Check on Date calculation

Hello @albertobellipario

Thank you very much for using our plugin.

Assuming the date field is the fieldname1, you can insert a calculated field in the form and enter the equation:

(function(){
var d = DATEDIFF(TODAY(), fieldname1, 'yyyy-mm-dd', 'y')['years'];
if(8 <= d) {
return 'Ehi, the difference is too much!';
}
return d;
})()

Best regards.

Hello @albertobellipario

Assuming the calculated field is the fieldname123, you can implement the equation as follows:

(function(){
var d = DATEDIFF(TODAY(), fieldname1, 'yyyy-mm-dd', 'y')['years'],
tag = getField(fieldname123|n).jQueryRef().find('input');

if(8 <= d) {

tag.css({background:'red', color:'white', fontWeight:'bold'});
return 'Ehi, the difference is too much!';
}
tag.css({background:'green', color:'white', fontWeight:'bold'});
return 'The difference is ok!';
})()

I’m referring to the fieldname123 with the |n modifier (fieldname123|n). The plugin replaces the fields’ names in the equation with their corresponding values to use them in the mathematical operations. If you enter the field’s name with the |n modifier, you’re telling the plugin you want to use the field’s name directly and not its value.

Best regards.

Hello @albertobellipario

You can apply IGNOREFIELD or ACTIVATEFIELD operations to activate or ignore fields. Ex.:

(function(){
var d = DATEDIFF(TODAY(), fieldname1, 'yyyy-mm-dd', 'y')['years'],
tag = getField(fieldname123|n).jQueryRef().find('input');

if(8 <= d) {

ACTIVATEFIELD(fieldname123|n);
ACTIVATEFIELD(fieldname321|n);

tag.css({background:'red', color:'white', fontWeight:'bold'});
return 'Ehi, the difference is too much!';
}


IGNOREFIELD(fieldname123|n);
IGNOREFIELD(fieldname321|n);

tag.css({background:'green', color:'white', fontWeight:'bold'});

return 'The difference is ok!';
})()

Learn more about field managing operations by reading the following section in the plugin documentation:

https://cff.dwbooster.com/documentation#managing-fields-module

Best regards.

Hello @albertobellipario

You can insert the rest of the fields into a DIV field, and activate or deactivate from the equation.

The rest of fields would be enabled only if the condition is satisfied.

Another alternative would be disable enable the fields by HTML attributes:

(function(){
var d = DATEDIFF(TODAY(), fieldname1, 'yyyy-mm-dd', 'y')['years'],
tag = getField(fieldname123|n).jQueryRef().find('input'),
fields = [fieldname1|n, fieldname2|n, fieldname3|n];

if(8 <= d) {



for(var i in fields){
getField(fields[i]).jQueryRef().find(':input').prop('disabled', true);
}

tag.css({background:'red', color:'white', fontWeight:'bold'});
return 'Ehi, the difference is too much!';
}


for(var i in fields){
getField(fields[i]).jQueryRef().find(':input').prop('disabled', false);
}

tag.css({background:'green', color:'white', fontWeight:'bold'});

return 'The difference is ok!';
})()

Best regards.

Hello @albertobellipario

Yes, that’s possible.

You can enter the style definition below through the “Customize Form Design” attribute in the “Form Settings” tab to hide the current next page buttons:

#fbuilder .pbNext{display:none !important;}

And then, you can insert a button field in the form, that you can configure as dependent, and enter the following code as its onclick event:

jQuery('.pbreak:visible .pbNext').click();

Best regards.

Hello @albertobellipario

The ACTICATEFIELD and IGNOREFIELD operations affect only the fields, and the next and previous buttons are not fields. If you want to CSS rule to the next buttons of specific pages, you should know that every page has assigned a unique class name (pb0, pb1, pb2, pb3, …). If you want to hide only the next page button on the first page, the style definition to use would be:

#fbuilder .pb0 .pbNext{display:none !important;}

Best regards.