Using Jquery/Javascript validation on Online Express Forms

Blake Moody 3

I started some work earlier this week to setup validation on a form field that collects a date on a OLX form. I want to ensure it is a real date in the format mm/dd/yyyy. Can anyone share tips/samples/best practices for manipulating OLX forms by embedding jquery/javascript on a page that will also have the OLX form embedded? Somewhere along the way I've seen a samples of creating a wizard form from a typically 1 step OLX event registration.

 

I've use jquery before in multiple situations (even BB NetCommunity) and I have tested the jquery field validation a page without the OLX javascript form snippet and my jquery/javascript script works fine. However, when I add the event registration javascript snippetcode to my page it doesn’t seem to be running the jquery.

 

I have looked on knowledgebase, community discussion, announcements, resources, and haven’t found anything. Any help would be appreciated.

Erin Kraft

Blake Moody:

I started some work earlier this week to setup validation on a form field that collects a date on a OLX form. I want to ensure it is a real date in the format mm/dd/yyyy. Can anyone share tips/samples/best practices for manipulating OLX forms by embedding jquery/javascript on a page that will also have the OLX form embedded? Somewhere along the way I've seen a samples of creating a wizard form from a typically 1 step OLX event registration.

 

I've use jquery before in multiple situations (even BB NetCommunity) and I have tested the jquery field validation a page without the OLX javascript form snippet and my jquery/javascript script works fine. However, when I add the event registration javascript snippetcode to my page it doesn’t seem to be running the jquery.

 

I have looked on knowledgebase, community discussion, announcements, resources, and haven’t found anything. Any help would be appreciated.

 

Hi Blake,


I'm not sure if this is the type of information you're looking for. I've used attributes in OLX, which are linked to fields and tables, and use the Raisers Edge to drive that formatting - so you'd need to set up your validation/formatting via the attribute. (config> attribute >data type). 


I recently learned the hard way about errors surrounding forced date formats for participant attributes and online express (https://kb.blackbaud.com/articles/Article/104308).

For example, we asked for participant attributes for childrens Date of Birth (or, used to calculate ages). I created a table formatted to date as a participant attribute, but dates entered such as "10-1-2017" (no "/") or "10/1/17" (not 2017) would cause a conflict and I would then have to manually edit the date before completing a transaction batch. As I understand, youre attempting to run the form itself through jquery to prevent these errors.


My suggestion is to not allows the user to enter any data at all. Knowing what I know now, I would much rather create three tables (drop down menus) that could be re-used:


Month: 01 through 12

Day: 01 through 31

Year: 1920 through 2018


Obviously creating the YEAR table drop down entry would take some time. The data however would ALWAYs be consistent, reusable, and easy to manipulate. You could reapply the YEAR Table to an Alumni attribute. You can also choose to sort these drop downs, so you can put more recent years near the top of the drop down or vice versa. 


Raisers Edge can also use fuzzy dates as well, which may have also worked better: https://kb.blackbaud.com/articles/Article/41804