Dynamic JavaScript Form Validation

Sometimes you get a project that gives you no choice but to hit Google for solutions that are as near to perfect for your specific parameters as possible. In this case, I was tasked with designing and developing a special web page for a contest that included a form for collecting user information and contest submissions. The problem, though, was that I had to design the contest page before I had any content to work with, and I inadvertantly painted myself into a corner: I designed the page to be no taller than a certain height, and due to time contstraints, I couldn’t rework the design. The form and content I had to work with, in their unstyled state, completely broke the page design.

This left me with one choice. Streamline the form design, strip out the native validation that inserted error messages into the page flow (thus breaking the design), and apply a complete, browser side validation script that would overlay error messages on top of the design, without impacting it. Needless to say, this was a little stressful, and I was starting to have doubts I would find an open-source solution that would fit the bill. Most current, popular browser-side validation scripts rely on inserting CSS based messages next to, below, or above form fields.

After much searching, I found this little gem: Dynamic JavaScript Form Validation. While it lacked the ease of application that has made jQuery and other libraries so popular, with just a little modification to my form and to the source script, I had a solution that brilliantly and perfectly met my needs. See it in action for yourself on the completed project.

My sincere thanks goes to Michael Leigeber and his very helpful blog.

Download Dynamic JavaScript Form Validation here.

Comments

I think that everything said was actually very logical. However, what about this? suppose you were to create a awesome headline? I ain't saying your content isn't solid, but suppose you added a headline that grabbed a person's attention? I mean Add new comment | Portland ME Web Design and Development | Krafty Design and Development is a little plain. You could look at Yahoo's home page and note how they create article titles to grab viewers to click. You might try adding a video or a related picture or two to get readers interested about everything've written. Just my opinion, it might make your website a little bit more interesting.

I leave a response when I appreciate a article on a site or if I have something to valuable to contribute to the discussion. Usually it is triggered by the sincerness displayed in the article I read. And after this article Add new comment | Portland ME Web Design and Development | Krafty Design and Development. I was moved enough to drop a thought :) I do have 2 questions for you if it's okay. Is it just me or do a few of the remarks come across as if they are written by brain dead people? :-P And, if you are posting on additional social sites, I would like to follow you. Would you make a list the complete urls of your shared sites like your twitter feed, Facebook page or linkedin profile?

I don't know whether it's just me or if everyone else encountering problems with your website. It appears as though some of the written text within your content are running off the screen. Can somebody else please provide feedback and let me know if this is happening to them too? This might be a problem with my browser because I've had this happen before. Thanks

Add new comment