First, my system info. I'm running Dynamic Forms v02.30.20, on DotNetNuke v04.05.03.

I'm having an issue doing some very simple (IMO) user-friendly javascript enhancements to ease the use of my DynamicForms-powered webforms on a few of my portals. I'll mention one scenario for starters, and if someone's got a solution that'll work, I think I can handle tweaking the others as well.

Here's what I'm trying to do.

I have validation for telephone/fax numbers to require this specific format: (xxx) xxx-xxxx. To ease use, I have an onblur event to correct phone/fax numbers to match the validation.

The root problem I'm experiencing seems to be an issue in calling up the specific form fields into the array, using a document.forms.[fieldName] method.

The Problem:

Here's an example of the form in a testing environment: http://dev.ideas-now.com/WebsiteDevelopment/RequestaQuote/tabid/910/Default.aspx

The form loads with no js errors. The onblur event fires properly, but gives me this error:

missing ; before statement
http://dev.ideas-now.com/Portals/29/js/format-phone-website-quote-form.js
Line 12

Please take a look at the js script: http://dev.ideas-now.com/Portals/29/js/format-phone-website-quote-form.js

Now I'm making no claims to being a javascript or dnn expert. Hopefully though I've at least described this well enough to allow more experienced js/dnn folks an understanding of what I'm trying to do.

I'd appreciate someone/anyone looking into this and giving some input. Am I missing something simple in the syntax? I have used this outside of dnn in various platforms (html/asp.net/etc) with no issues. Or, is there a better way to go about doing this? At this point, I don't really care if my way is "right" or "wrong"...I just want the damn thing to work =)

Hi. Well yes previously (before Dynamic Forms 2.5) the onblur and javascript features were very limited with what it could do (only onblur for textbox field types, etc...). In the 2.5 release though there have been a number of new improvements to allow for things such as enabling it for 'onkeypress', referencing other fields within the javascript validation with simple tokens (i.e. $(DisplayName) = $(FirstName) + ' ' + $(LastName) etc...) These are all new to 2.5 though so running on the version you are I am not certain you are going to get the results you want. The 2.5 release also included options to include a custom javascript code directly within something you can specify or set from the administration page.

Umm... As far as calling other form fields I do know you can in 2.5 by referencing within your client side javascript:

$(ShortField) - Generates the document.getElementByID('Field).checked if its a checkbox or .value for other fields. This way you could use $(ShotField) = 'Test' and it will render Test.

$(ShortField_Field) - Generates the getelementbyID but not the .value or .checked. With this method you can then render or use the object as it is.

$(ShortField_FieldID) - This JUST returns the actual ID of the field. For example dnn_354_myfirstname etc... And does not render the document.getelementbyid or any other javascript at all, just the actual field name.

$(ShortField_ValueFieldID) - This is created only for checkbox lists as a seperate ID is created for the text/value of checkboxlists and this is how you reference this.

Included within the 2.5 default javascript file there are also several function calls already there to cover things such as calculating fields, required functions, generating things such as limited number of characters for a multi line textbox and other options. I encourage you to check out this client side events demonstration or this other demonstration whigh highlights calculating checkbox list.

I realize these don't directly answer your question or provide you a solution but it would be great to use a resources for your specific javascript needs.

-Chad