Posts

Showing posts from July, 2013

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).

Simple validation example using input type button's click event.
HTML:
Field 1: JQUERY:
$(function() { $('#btn').click(function() { $("#form1").valid(); //validate form 1 }); }); Validation example using jQuery UI dialog box.
HTML:
Name
Email
Password JQUERY:
$(function() { $('#dialogbtn').click(function() { $( "#dialog-form" ).dialog( "open" ); }); //cod…