Level 32
just follow this video, you will thank me later ;)
Sep 22, 2016
6
Level 1
Single Input View Form - PHP & JS
Hello: I am new here, also new coding with PHP & js. I have almost finished a "single input view form" but when the form is submitted the success message is showing on another page (a blank page). I would like that the messages will show on the same page where the form is. I hope you can help me....Let me explain in detail:
HTML:
Submit Request ContinuestepsForm.js:
var theForm = document.getElementById( 'sc_contact_simform' ); new stepsForm( sc_contact_simform, { onSubmit : function( form ) { // hide form classie.addClass( theForm.querySelector( '.simform-inner' ), 'hide' );
form.submit()
}
} );
include/contact-form.php:
Level 1
Thank you for the response, but Sorry, this video has nothing to do with my question...
Please, somebody can help me? I had to deliver this project last week and I am serious behind...
Level 32
@SkyLight you have to use AJAX's calls. why I sent you the video? it shows how to handle the request and make a single page submit.
Level 1
Thank you for the video, but the page where this code goes is pretty large and have a lot of more features, like sliders, carousels, etc.
at this point, I can not create a single page only for this.
I am new and I have no idea how to make AJAX's calls, Can you point me in the right direction?
Level 32
just read this one(http://www.tutorials.kode-blog.com/laravel-5-ajax-tutorial) and take from it what you need. ONLY WHAT YOU NEED
Level 1
Thank you, but I can't make it work.
How to make these lines works?
document.theForm.action="/include/request-form.php";
document.theForm.submit();
See the script below:
var theForm = document.getElementById( 'sc_contact_simform' );
new stepsForm( sc_contact_simform, {
onSubmit : function( form ) {
// hide form
classie.addClass( theForm.querySelector( '.simform-inner' ), 'hide' );
var messageEl = theForm.querySelector( '.final-message' );
messageEl.innerHTML = 'Your request was successfully sent, Thanks!. We will contact you soon.';
classie.addClass( messageEl, 'show' );
***** everything above works fine *****
document.theForm.action="/include/request-form.php";
document.theForm.submit();
}
} );
I really appreciate any help!
Please or to participate in this conversation.