How to implement validation of the fields without clicking a Submit button?

Hi! Form making complete validation on the back-end, so it couldn’t be triggered on the front without submitting the form. But you can try to use a bit of JS code to make some validation on the front:

$( '.jet-form-builder[data-form-id="your-form-id"] input, .jet-form-builder[data-form-id="your-form-id"] select' ).on( 'blur', function() {
		this.reportValidity();
	} );

Just add this code to he page where you used this form (or globally into some JS file which are loaded on each page) and replace ‘your-form-id’ with your actual form ID

Hi,

I’m trying you suggestion but it is not working.

Can you please have a look of this page?

https://www.bakingwiththeory.com/it/calcolatori/calcolatore-w-miscela-di-farine/

Hi! Sorry for the delay. Just checked your page, can’t find required code here. The best for your case will be add required JS code into this file – https://www.bakingwiththeory.com/wp-content/plugins/jet-forms-use-field-values-master/assets/js/use-field-values.js, something like this – https://prntscr.com/1sxixvr

I’ve implemented, thank you