Hello,
I want to preface my response with saying that I know very little about javascript, just the very basics, and even that is usually over my head.
But, I think I did something similar to what you are trying to do. I've been working on a project that uses a tripane skin. One of the topics has a simple form on the page to collect feedback. When the user clicks submit, I get an email that has the information that was typed in, and the user gets an alert that says, "Thank you for your feedback." This is the code that is in my text editor:
Code: Select all
<form action="https://script.google.com" method="post" id="input" name="user_input">
<input type="text" name="firstname" placeholder="FIRST NAME" />
<input type="text" name="lastname" placeholder="LAST NAME" />
<input type="text" name="email" placeholder="EMAIL" />
<div class="form"><textarea id="input" name="user_input" placeholder="Use this space to type the information that you want to submit to the DDT group."></textarea>
<button type="submit" id="submit_button" onClick="myFunction()">Submit</button>
</div>
</form>
<script>
function myFunction(){
alert("Thank you for your feedback");
}
</script>
I shortened the form action link. Since this is a project that is only available to other co-workers internally, I am having the information sent to me through a Google doc script (I'll post the link for how to do that below because I would never have known how to do that on my own!). If the project was actually published online, the information should be processed and sent through more secure means.
Anyway, when the user clicks the submit button, myFunction is called on, and inside that function is an alert. The only issue I have is that the page is then blank after the user submits information (regardless of whether or not the script is there). I have tried adding a line to the function to then reload the page, but I can't get it to work.
This is the google script tutorial I used:
https://github.com/dwyl/html-form-send- ... out-server. It is really easy!
Good luck!
Kelly