<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
		>
<channel>
	<title>Comments on: How to Add &#8220;AJAX Like&#8221; Validation to Forms with jQuery</title>
	<atom:link href="http://1plusdesign.com/articles/add-ajax-validation-forms-jquery/feed/" rel="self" type="application/rss+xml" />
	<link>http://1plusdesign.com/articles/add-ajax-validation-forms-jquery/</link>
	<description>I am a designer, a blogger and a Wordpress nut!</description>
	<lastBuildDate>Sun, 13 May 2012 18:38:07 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
	<item>
		<title>By: marios</title>
		<link>http://1plusdesign.com/articles/add-ajax-validation-forms-jquery/comment-page-1/#comment-1456</link>
		<dc:creator>marios</dc:creator>
		<pubDate>Mon, 26 Mar 2012 01:05:31 +0000</pubDate>
		<guid isPermaLink="false">http://designintheraw.com/?p=491#comment-1456</guid>
		<description>there is a problem when i try to use more than one drop-down boxes.  how can i solve this pleasE?</description>
		<content:encoded><![CDATA[<p>there is a problem when i try to use more than one drop-down boxes.  how can i solve this pleasE?</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: marios</title>
		<link>http://1plusdesign.com/articles/add-ajax-validation-forms-jquery/comment-page-1/#comment-1455</link>
		<dc:creator>marios</dc:creator>
		<pubDate>Sat, 24 Mar 2012 23:03:00 +0000</pubDate>
		<guid isPermaLink="false">http://designintheraw.com/?p=491#comment-1455</guid>
		<description>thanks.  the code is very  helpful.  But how can i include a drop-down menu as well??</description>
		<content:encoded><![CDATA[<p>thanks.  the code is very  helpful.  But how can i include a drop-down menu as well??</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Roy Ho</title>
		<link>http://1plusdesign.com/articles/add-ajax-validation-forms-jquery/comment-page-1/#comment-1348</link>
		<dc:creator>Roy Ho</dc:creator>
		<pubDate>Wed, 15 Jun 2011 12:15:50 +0000</pubDate>
		<guid isPermaLink="false">http://designintheraw.com/?p=491#comment-1348</guid>
		<description>@paddy - you need to use jQuery.post to ajax submit your form.</description>
		<content:encoded><![CDATA[<p>@paddy &#8211; you need to use jQuery.post to ajax submit your form.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: paddy</title>
		<link>http://1plusdesign.com/articles/add-ajax-validation-forms-jquery/comment-page-1/#comment-1343</link>
		<dc:creator>paddy</dc:creator>
		<pubDate>Wed, 25 May 2011 05:27:15 +0000</pubDate>
		<guid isPermaLink="false">http://designintheraw.com/?p=491#comment-1343</guid>
		<description>I have done all this with my from and have everything validating. My next problem is I don&#039;t know how to submit the form without refreshing the page. to be more accurate.I have tried the ajaxsubmit function in the jquery plugin but cannot get it to work. I dont know where to place it.

here is my script hopefully you could point out a solution.any help would be greatful.

$().ready(function() {
	
	
	var container = $(&#039;div.container&#039;);
	// validate the form when it is submitted
	var validator = $(&quot;#producer&quot;).validate({
	
	
       
	errorContainer: container,
		errorLabelContainer:  $(&quot;ol&quot; ,container),
		wrapper: &#039;li&#039;,
		meta: &quot;validate&quot;,
		
		rules : {
        	duration : {required : true },
        	category:{required:true},
         	description:{required:true,  minlength:80 , maxlength:800},
         	venue_capacity:{number:true},
            venue_phone:{number:true , minlength:8},    
   					 },
		
		messages: {
			presenter: { required: &#039;Please enter the name of the Producer or Presenter!&#039;},
			showname: { required: &#039;Please enter the name of the Event or Show!&#039;},
			showname2: { required: &#039;Please enter the Subtitle for the Event or Show!&#039;},	
			venue: { required: &#039;Venue Name is required!&#039;},
			duration: { required: &#039;You must choose a duration!&#039;},
			category: { required: &#039;You must select a category!&#039;},
			description: { required: &#039;You must give a description for your event!&#039;,minlength:&#039;the description  must contain min of 80 characters&#039; ,maxlength:&#039;the description  must be less than  800 characters&#039;},		
			venue_address1: { required: &#039;Venue address 1 is required!&#039;},	
			venue_address2: { required: &#039;Venue address 2  is required!&#039;},	
			venue_phone: { required: &#039;You must enter a telephone number for the venue!&#039; ,number:&#039;phone must be a number&#039;,minlength:&#039;the phone number must contain min of 8 numbers&#039;},		
			venue_capacity: { required: &#039;You must supply us with the capacity or your event !&#039;,number:&#039; capacity must be a number&#039; },				
							}	
							
		    },
  	});   

});
</description>
		<content:encoded><![CDATA[<p>I have done all this with my from and have everything validating. My next problem is I don&#8217;t know how to submit the form without refreshing the page. to be more accurate.I have tried the ajaxsubmit function in the jquery plugin but cannot get it to work. I dont know where to place it.</p>
<p>here is my script hopefully you could point out a solution.any help would be greatful.</p>
<p>$().ready(function() {</p>
<p>	var container = $(&#8216;div.container&#8217;);<br />
	// validate the form when it is submitted<br />
	var validator = $(&#8220;#producer&#8221;).validate({</p>
<p>	errorContainer: container,<br />
		errorLabelContainer:  $(&#8220;ol&#8221; ,container),<br />
		wrapper: &#8216;li&#8217;,<br />
		meta: &#8220;validate&#8221;,</p>
<p>		rules : {<br />
        	duration : {required : true },<br />
        	category:{required:true},<br />
         	description:{required:true,  minlength:80 , maxlength:800},<br />
         	venue_capacity:{number:true},<br />
            venue_phone:{number:true , minlength:8},<br />
   					 },</p>
<p>		messages: {<br />
			presenter: { required: &#8216;Please enter the name of the Producer or Presenter!&#8217;},<br />
			showname: { required: &#8216;Please enter the name of the Event or Show!&#8217;},<br />
			showname2: { required: &#8216;Please enter the Subtitle for the Event or Show!&#8217;},<br />
			venue: { required: &#8216;Venue Name is required!&#8217;},<br />
			duration: { required: &#8216;You must choose a duration!&#8217;},<br />
			category: { required: &#8216;You must select a category!&#8217;},<br />
			description: { required: &#8216;You must give a description for your event!&#8217;,minlength:&#8217;the description  must contain min of 80 characters&#8217; ,maxlength:&#8217;the description  must be less than  800 characters&#8217;},<br />
			venue_address1: { required: &#8216;Venue address 1 is required!&#8217;},<br />
			venue_address2: { required: &#8216;Venue address 2  is required!&#8217;},<br />
			venue_phone: { required: &#8216;You must enter a telephone number for the venue!&#8217; ,number:&#8217;phone must be a number&#8217;,minlength:&#8217;the phone number must contain min of 8 numbers&#8217;},<br />
			venue_capacity: { required: &#8216;You must supply us with the capacity or your event !&#8217;,number:&#8217; capacity must be a number&#8217; },<br />
							}	</p>
<p>		    },<br />
  	});   </p>
<p>});</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Roy Ho</title>
		<link>http://1plusdesign.com/articles/add-ajax-validation-forms-jquery/comment-page-1/#comment-1187</link>
		<dc:creator>Roy Ho</dc:creator>
		<pubDate>Thu, 17 Feb 2011 18:47:13 +0000</pubDate>
		<guid isPermaLink="false">http://designintheraw.com/?p=491#comment-1187</guid>
		<description>You&#039;re absolutely correct.  I should have named the title &quot;ajax like&quot; effect validation. Sorry about that.</description>
		<content:encoded><![CDATA[<p>You&#8217;re absolutely correct.  I should have named the title &#8220;ajax like&#8221; effect validation. Sorry about that.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: undsoft</title>
		<link>http://1plusdesign.com/articles/add-ajax-validation-forms-jquery/comment-page-1/#comment-1186</link>
		<dc:creator>undsoft</dc:creator>
		<pubDate>Thu, 17 Feb 2011 18:38:29 +0000</pubDate>
		<guid isPermaLink="false">http://designintheraw.com/?p=491#comment-1186</guid>
		<description>So, what&#039;s actually AJAX about this validation if it does no requests to server?
Stop naming AJAX everything that uses JavaScript longer than 3 lines.</description>
		<content:encoded><![CDATA[<p>So, what&#8217;s actually AJAX about this validation if it does no requests to server?<br />
Stop naming AJAX everything that uses JavaScript longer than 3 lines.</p>
]]></content:encoded>
	</item>
</channel>
</rss>

