Search This Blog

jQuery popup (dialog) form validation on a normal button click

jQuery Validation plugin, is no doubt the first jquery plugins that is used by hundreds of users. Easy to use, pretty handy and great user experience. For the users, what can be more better than having to know right away if they're doing it correctly. There are other blog where you can learn how to use the plugin correctly like one in here.

Well, most of the site explains about the integration process with great tutorial, however this one is just to help those who wants to implement the validation with simple button (not submit).

Post a Comment

Popular posts from this blog

jQuery.attr()
Get the value of an attribute for the first element in the set of matched elements.
whereas,

jQuery.prop()
Get the value of a property for the first element in the set of matched elements.
Before jQuery 1.6 , the attr() method sometimes took property values into account when retrieving some attributes, which caused in inconsistent behavior. And thus, the prop() method was introduced. As of jQuery 1.6. , the .prop() method provides a way to explicitly retrieve property values, while .attr() retrieves attributes.

What actually is Attributes?
Attributes carry additional information about an HTML element and come in name=”value” pairs. You can set an attribute for HTML element and define it while writing the source code.

simple example can be:
here, "type","value", "id" are attributes of the input elements.

What is Property?
Property is a representation of an attribute in the HTML DOM tree. once the browser parse you…

No Doubt, jQuery dialog box is one of the widely used UI components. It is not only easy to use but highly customize able and I have been using it a lot in my work.

However, I came upon this issue once, the widget itself doesn't have an option to close the dialog box whenever user clicks anywhere outside the dialog box. There are other blogs out there, which uses their own custom method to close the box whenever clicked outside which is helpful but it didn't help me since I had already used dialog in many places (more than 20 time) and calling the custom method on every dialog initialization was not an option. So I came out with a way to make it dynamic and will work for all the dialog used in an application.