Replies posted by BrianEricksonCO

5 Replies

Mark_Wainwright
Unbouncer
Mark_WainwrightStaff Developer @ Unbounce
posted in Tips & Scripts

Adding custom validation to form fields

Figured it out. lp.jQuery(function($) { // Config var ruleID = 'promoCode'; var field = 'redemption_code'; var message = 'The code appears to be invalid'; var rules = module.lp.form.data.validationRules[field]; $.validator.addMethod(ruleID, function(value, field) { var exp = new RegExp('^[A-za-z0-9]{10,11}$', 'i'); return value.match(exp) ? true : false; }, message); rules[ruleID] = true; });

112
Ed_Ilnicki
Unbounce Community Team
13 days ago
Mark_Wainwright
Unbouncer
Mark_WainwrightStaff Developer @ Unbounce
posted in Tips & Scripts

Adding custom validation to form fields

I’m trying to get validation working on an entry that must be exactly 10 characters. The following will error, but will not succeed: lp.jQuery(function($) { // Config var ruleID = 'promoCode'; var field = 'redemption_code'; var message = 'The code appears to be invalid'; var rules = module.lp.form.data.validationRules[field]; $.validator.addMethod(ruleID, function(value, field) { var valid = ( /^[A-za-z0-9]{10}$/i.test(value) ); }, message); rules[ruleID] = true; }); Any help would be appreciated. Thanks, Brian

112
Ed_Ilnicki
Unbounce Community Team
13 days ago
Andrew
Andrew
posted in Ask a Question

Hotjar experience on Unbounce pages?

Go for it. I’d be curious to have some others try the script and also review it for any potential issues.

29
BrianEricksonCO
7 years ago
B
Bob
posted in Ask a Question

Hotjar and tracking Unbounce form submissions

Load this as its own script (besides the normal Hotjar script). I prefer to do this under Settings > Scripts. Make sure you choose which pages to apply the script to. Best, Brian <script type="text/javascript"> lp.jQuery(function($) { function notifyHotjar() { lp.jQuery('.lp-pom-form form').submit(); hj('formSubmit' + ($('.lp-pom-form form').valid() ? 'Successful' : 'Failed')); } $('.lp-pom-form .lp-pom-button') .unbind('click tap touchstart') .bind('click.formSubmit', notifyHotjar); $('form') .unbind('keypress') .bind('keypress.formSubmit', function(e) { if(e.which === 13 && e.target.nodeName.toLowerCase() !== 'textarea' ) { notifyHotjar(); } }); });

2
N
7 years ago
Andrew
Andrew
posted in Ask a Question

Hotjar experience on Unbounce pages?

I have a working script thanks to the help of my developer pal at work. This should work on any page as long as the normal Hotjar script and this script load on your desired page. I prefer to do this through the Settings > Scripts menu. <script type="text/javascript"> lp.jQuery(function($) { function notifyHotjar() { lp.jQuery('.lp-pom-form form').submit(); hj('formSubmit' + ($('.lp-pom-form form').valid() ? 'Successful' : 'Failed')); } $('.lp-pom-form .lp-pom-button') .unbind('click tap touchstart') .bind('click.formSubmit', notifyHotjar); $('form') .unbind('keypress') .bind('keypress.formSubmit', function(e) { if(e.which === 13 && e.target.nodeName.toLowerCase() !== 'textarea' ) { notifyHotjar(); } }); }); </script> Best, Brian

29
BrianEricksonCO
7 years ago

Badge winners

Show all badges
Terms & ConditionsCookie settings