SOLVED
1 ACCEPTED SOLUTION
Accepted Solutions
Hi Andrew,
Better to open a new thread in future (a thread tagged Correct can't have additional correct answers, plus you can't tag it if you're not the owner).
what if I need one form on a page to block invalid email addresses but the other not to - we have a download form we want to block and a contact us form we do not want to block. Is that possible?
Sure, perfectly possible. By default, most Forms 2.0 custom behaviors attach to all forms on the current page, both because it's easier to write examples that way and because it's usually what you want. But you can easily reserve behaviors for a subset of forms (this also makes it easier to include the same JS on every single page, since it will auto-adjust depending on what form has been embedded).
MktoForms2.whenReady(function(form) {
// we will get here for every form, but...
if( [123,456].indexOf(form.getId() >= 0 ) {
// ... this code will only run for form IDs 123 and 456
form.onValidate(function(valid) {
// extended validation, etc...
});
});
});
Also, do you know if the script will work if implemented through Google Tag Manager? Our script doesn't seem to be working.Andrew
Injecting scripts asynchronously (which is what you're doing by using GTM) works as long you maintain the load order of dependent scripts.
So forms behaviors JS (making use of MktoForms2.someEvent) loaded via GTM must load after the core forms2.min.js library has completely loaded, because MktoForms2 won't exist until it's created by the library. If forms2.min.js and your behaviors JS load independently and asynchronously, they can finish in either order, so some % of the time the code is guaranteed to fail.
Although it can be made to work perfectly, managing dependencies can be difficult if you don't have command of all the tech involved. So it may be better for you to eschew GTM here. I was debugging something exactly like this at a client today (hi guys! 
).
.png)