Ajax Submit form

ajax-submit

<!-- ================== -->
<!-- = At Normal Page = -->
<!-- ================== -->
<xsl:template match="data">
	<h1>Contact Form</h1>
	<form method="post" action="{$current-path}">
		<xsl:call-template name="send-message"/>
	</form>
	
	<script type="text/javascript">
		$('form').ajaxForm();
		
		$.fn.ajaxForm = function(){
			var self = $(this);

			self.submit(function(e){
				e.preventDefault();
				$.ajax({
					type: self.attr('method'),
					url: self.attr('action') + '/ajax/',
					data: self.serialize(),
					beforeSend: function(){
						$(':submit', self).attr({disabled: 'disabled'});
					},
					success: function(response){
						$('.ajax-wrapper').replaceWith($('.ajax-wrapper', response));
					}
				});
			});
			return this;
		}
	</script>
</xsl:template>

<!-- ================ -->
<!-- = At Ajax Page = -->
<!-- ================ -->
<xsl:template match="data">
	<div>
		<xsl:call-template name="send-message"/>
	</div>
</xsl:template>


<!-- ========================= -->
<!-- = Send Message Template = -->
<!-- ========================= -->
<xsl:template name="send-message">
	<xsl:param name="event" select="/data/events/send-message"/>
	
	<fieldset class="ajax-wrapper">
		<xsl:choose>
			<xsl:when test="$event/@result = 'success'">
				<p class="success">Success!</p>
			</xsl:when>
			<xsl:otherwise>
				<xsl:if test="$event/@result = 'error'">
					<xsl:call-template name="errors-handler">
						<xsl:with-param name="event" select="$event"/>
					</xsl:call-template>
				</xsl:if>
				<label>
					Name
					<input type="text" name="fields[name]" value="{$event/post-values/name}"/>			
				</label>
				<label>
					Message
					<textarea name="fields[message]"><xsl:value-of select="$event/post-values/message" /></textarea>
				</label>
				<input type="hidden" name="action[send-message]"/>
				<input type="submit" value="Submit"/>
			</xsl:otherwise>
		</xsl:choose>
	</fieldset>
</xsl:template>

<xsl:template name="errors-handler">
	<xsl:param name="event" />
	<p class="error">Error!</p>
	<!-- Display errors here -->
</xsl:template>