how can i make an javascript object for a HTML form

Question

i want to make an object which can do all the actions my form needs -- it can validate the form, submit the form, and so forth. i want javascript to do all these things. i no longer want to write same code several times over in procedural fashion javascript in global namespace. i want to create Javascript object to handle these functions of the form and i want to have everything live in a namespace to avoid conflicts.

i have hard time to understand how javascript OO works compared to other language with classical inheritance vs prototype inheritance. can somebody show me how to create a class, and then instantiate 2 objects of that class and bind each of them to two identical form on the same page?

i look at module pattern but it seems for singleton only.

thanks if anybody can help

Maybe this already helps: developer.mozilla.org/en/JavaScript/Guide/Working_with_Objects — Felix Kling
– Felix Kling, Commented Jul 22, 2010 at 0:07

Vivin Paliath · Accepted Answer · 2010-07-22 00:10:22Z

3

Don't reinvent the wheel. If you want to perform form validation and submit based on validation you can try using jQuery and jQuery validation.

To understand Javascript's prototype-based OO model, there are many resources:

Javascript: The world's most misunderstood programming language (start here - it's by Douglas Crockford)
Introduction to Object Oriented Programming in Javascript (from the Mozilla Developer Center)

answered Jul 22, 2010 at 0:10

Vivin Paliath

95.8k42 gold badges230 silver badges302 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

JCm Over a year ago

thank you for the links, the mozilla one looks better than most tutorials i see so far. unfortunately most show only simple examples but i dont see how to go from global namespace to namespaced classes. i will continue reading the sources u provide before coming back with more questions -- maybe it will become clear

Vivin Paliath Over a year ago

You can have a form of namespacing through the module pattern. Of course, this means that you have only a singleton. In most cases that should be what you need. Otherwise you can resort to using object literals. Another way of namespacing is to have var my = {}; var my.namespace = {}; var my.namespace.myFunc = function() { ... }; IMO the module pattern is better because it provides encapsulation. Be careful though. Namespacing and making objects are two different things.

Collectives™ on Stack Overflow

how can i make an javascript object for a HTML form

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related