CodePeople2

Hello @benlashley80

Complex logics must be implemented via calculated fields.

You can insert a calculated field as an auxiliary (I will assume it is the fieldname123), and enter the equation:

(function(){
if (fieldname1 == 'yes') return '<br><span>' + fieldname2|r + '</span>';
return '';
})()

And then, in the HTML Content field you should include:

<div data-cff-field="fieldname123"></div>

Note that if you are configuring a complex summary in an “HTML Content” field with multiple conditions, you can generate all this structure with a calculated field and then use the “HTML Content” field to display the resulting summary.

Best regards.

Hello @benlashley80

Mathematics is an excellent partner for tackling these types of tasks.

You can implement the equation as follows:

(function(){
let v = String(fieldname279|r);
let l = MAX(MIN(4, v.length-4), 0);
return IF(l,'*'.repeat(v.length-l)+v.substr(-1*l), v);
})()

Best regards.

Hello @benlashley80

If you use the regular expression, you don’t need the extra code in the “HTML Content” field.

You need to enter the regular expression /^\d{5}\-?\d{4}$/ through the “Validate against a regular expression” attribute in the single text line field’s settings, and the error message through the “Error message when the regular expression fails” attribute.

Please watch the following video:

https://resources.developers4web.com/cff/tmp/2025/04/01/video-regular-expression_o.mp4

Best regards.

Hello @benlashley80

In your specific case, a better alternative is to use a single line text with regular expression. You can enter both the regular expression and error message directly in the field’s settings. It is weird using number field in your case because it display the error message “Please enter a value less than or equal to 100000000000000000.”

However, if you prefer implementing your custom validation method, please use the formReady event:

<script>
fbuilderjQuery(document).on('formReady', function(){
	fbuilderjQuery
	.validator
	.addMethod(
		"zipcode",
		function(v,e)
		{
			return this.optional(e) || /^\d{5}([\-]?\d{4})?$/.test(v);
		}
	);
	fbuilderjQuery.validator.messages['zipcode'] = 'The  zipcode is invalid';
	fbuilderjQuery('[id*="fieldname255_"]').addClass('zipcode');
});
</script>

Best regards.

Hello @benlashley80

If you are using number fields, and the SS numbers cannot store by zero, you can limit the min and max values as 100000000 and maximum 999999999.

Or you can use a single-line text field and validate it with regular expressions. You can enter the following regular expression through its settings:

/^\d{9}$/

Best regards.

Hello @benlashley80

You can use a calculated field as an auxiliary (hiding it by ticking a checkbox in its settings) and display it on the second page instead of the original Social Security number.

For example, if the original field is the fieldname1, the equation in the calculated field would be:

'*'.repeat(String(fieldname1|r).length-4)+String(fieldname1|r).substr(-4)

Best regards.

Hello @servicets

No, the issue is not caused by the browser. You edited the onclick event and included some parser errors. Your current code is:

fbuilderjQuery.ajax({url: "https://www.veranstaltungsservice-ts.de/mietkorb/?add-to-cart=2091&quantity="+getField("fieldname13", this.form).val(false,true),type: "GET"});
fbuilderjQuery.ajax({url: "https://www.veranstaltungsservice-ts.de/mietkorb/?add-to-cart="+getField("fieldname24", this.form).val(false,true),type: "GET"&quantity="+getField("fieldname17", this.form).val(false,true),type: "GET"});
fbuilderjQuery.ajax({url: "https://www.veranstaltungsservice-ts.de/mietkorb/?add-to-cart="+getField("fieldname28", this.form).val(false,true),type: "GET"&quantity="+getField("fieldname25", this.form).val(false,true),type: "GET"});
window.location="./mietkorb";

But the correct is:

fbuilderjQuery.ajax({url: "https://www.veranstaltungsservice-ts.de/mietkorb/?add-to-cart=2091&quantity="+getField("fieldname13", this.form).val(false,true),type: "GET"});
fbuilderjQuery.ajax({url: "https://www.veranstaltungsservice-ts.de/mietkorb/?add-to-cart="+getField("fieldname24", this.form).val(false,true)+"&quantity="+getField("fieldname17", this.form).val(false,true),type: "GET"});
fbuilderjQuery.ajax({url: "https://www.veranstaltungsservice-ts.de/mietkorb/?add-to-cart="+getField("fieldname28", this.form).val(false,true)+"&quantity="+getField("fieldname25", this.form).val(false,true),type: "GET"});
window.location.href="./mietkorb";

Best regards.

Hello @servicets

I’m sorry, I don’t know why you say it is not working. I tested your form, and it worked fine; the product was added to the cart. Please watch the video by visiting the following link:

https://resources.developers4web.com/cff/tmp/2025/03/31/video_o.mp4

Best regards.