Hello
I am using a simple AJAX (JQuery) script to post data to receiving PHP script. If no errors (server side validation only) then response is expected HTML (…thank you for contacting us… blah blah) however if there are error(s), the expected response is sent (…you have xyz errors, fix them… blah blah) so okay so far.
But, once response is sent back with errors present and the form is submitted the second time then (regardless of errors fixed or errors still remaining) it’s the original HTML that is shown on page, which I can’t quite understand as only two things should be sent back from server - either the “thank you for contacting us” HTML or the “you have errors, fix them” HTML.
Does anyone have any suggestions? I have a feeling that the second time the form is submitted, the AJAX script isn’t sending anything to server… which brings me to another problem. I use a JQuery plugin to show sample data into each form field (helpful suggestive hints) which disappears once field is focused (you know the sort of plugin I’m talking about, I’m sure) which works initially (once arrive at page) but does not work upon a response from server.
But let’s fix the first issue please 
I’ve posted something below for you.
<code>
// from HTML template
$(document).ready( function() {
$( '#submit' ).click( function() {
var name = $('input[name=name]');
var subject = $('input[name=subject]');
var email = $('input[name=email]');
var message = $('textarea[name=message]');
var data = 'name=' + name.val() + '&subject=' + subject.val() + '&email=' + email.val() + '&message=' + message.val();
$.ajax({
url: '/contact/post/',
contentType: 'application/x-www-form-urlencoded',
type: 'post',
data: data,
cache: false,
success: function( html ) {
$( '#formbox' ).html( html );
}
});
return false;
}); // close of #submit
});
</code>
<code>class Page_Handler_Ajax extends Page_Handler_Validator {
public function __construct() {
$this -> initialise();
}
public function execute( QDataspace_Interface $dataspace ) {
if( $this -> validate( $request = Registry::get( 'request' ), Registry::get( 'logger' ) ) ) {
$this -> handler -> execute( $dataspace );
} else {
// one or more errors with submitted data
$page = new Page_View( $request = QRegistry::get( 'request' ) );
$page -> set( 'logger', Registry::get( 'logger' ) );
$page -> render( 'contact/post/error.tpl' );
}
}
protected function initialise() {
$this -> forward( new Page_Handler_Ajax_Success() );
$this -> addCondition( Validator::factory()
-> addCondition( new Validator_Condition_Required( 'name', 'The field "name" is required.' ) )
-> addCondition( new Validator_Condition_Expression( 'name', '/^[a-zA-Z ]+$/', 'The field "name" has illegal character(s).' ) )
-> addCondition( new Validator_Condition_Size_Maximum( 'name', 32, 'The field "name" must not exceed 32 characters.' ) )
);
$this -> addCondition( Validator::factory()
-> addCondition( new Validator_Condition_Required( 'subject', 'The field "subject" is required.' ) )
-> addCondition( new Validator_Condition_Expression( 'subject', '/^[a-zA-Z0-9 \\(\\)\\?\\-\\,\\.]+$/', 'The field "subject" has illegal character(s).' ) )
-> addCondition( new Validator_Condition_Size_Maximum( 'subject', 128, 'The field "subject" must not exceed 128 characters.' ) )
);
$this -> addCondition( Validator::factory()
-> addCondition( new Validator_Condition_Required( 'email', 'The field "email" is required.' ) )
-> addCondition( new Validator_Condition_Expression( 'email', QExpressions::EMAIL_ADDRESS, 'The field "email" has illegal character(s).' ) )
-> addCondition( new Validator_Condition_Size_Maximum( 'email', 64, 'The field "email" must not exceed 64 characters.' ) )
);
$this -> addCondition( Validator::factory()
-> addCondition( new Validator_Condition_Required( 'message', 'The field "message" is required.' ) )
-> addCondition( new Validator_Condition_Size_Maximum( 'message', 4096, 'The field "message" must not exceed 4096 characters.' ) )
);
}
}
final class Page_Handler_Ajax_Success extends Page_Handler {
public function __construct() {
}
public function execute( Dataspace_Interface $dataspace ) {
$page = new Page_View( $request = Registry::get( 'request' ) );
$page -> render( 'contact/post/body.tpl' );
}
}</code>
I also note that after submitting form if I hit F5 I get the alert box to “resend” or “cancel” however I (had) thought the “return false” near the end of the Javascript cancelled this behaviour?