Response title
This is preview!
<!-- Start of second page --> <div data-role="page" id="bar"> <div data-role="header"> <h1>Bar</h1> </div><!-- /header --> <div data-role="content"> <p>I'm first in the source order so I'm shown as the page.</p> <p><a href="#foo">Back to foo</a></p> </div><!-- /content --> <div data-role="footer"> <h4>Page Footer</h4> </div><!-- /header --> </div><!-- /page -->According to the docs, to create additional pages, you have a unique id, like in the example above, #foo
<script type="text/javascript">
$(document).ready(function() {
$("#form").validate({
//set the rules for the fild names
rules: {
name: {
required: true,
minlength: 2
},
comment: {
required: true,
minlength: 2
},
},
//set messages to appear inline
messages: {
name: "Please enter your name",
comment: "Please enter your message"
}
});
$('#form').ajaxForm(function() {
$('#tagline').html('Thanks');
$('#message h2').html('You submitted your comment');
$('#tagline').hide();
$('#submit_button').hide();
$(this).delay(2000,function(){
window.location = '/';
});
});
});
© 2013 jQuery Foundation
Sponsored by and others.