Skip to content

Commit ef28cd0

Browse files
committed
makes form handler generic. see: #10
1 parent 5028616 commit ef28cd0

File tree

4 files changed

+50
-3
lines changed

4 files changed

+50
-3
lines changed

.gitignore

+2
Original file line numberDiff line numberDiff line change
@@ -1 +1,3 @@
11
.DS_Store
2+
npm-debug.log
3+
node_modules

form-submission-handler.js

+13-1
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,19 @@ function getFormData() {
1010
// email : document.getElementById("email").value,
1111
// message : document.getElementById("message").value
1212
// }
13-
var data = document.getElementById("gform").elements;
13+
var elements = document.getElementById("gform").elements;
14+
console.log(elements); // all form elements
15+
console.log(typeof elements);
16+
var keys = Object.keys(elements);
17+
console.log(keys);
18+
var fields = keys.filter(function(k){
19+
return k.length > 1 && elements[k].name && elements[k].name.length > 0 ;
20+
});
21+
console.log(fields);
22+
var data = {};
23+
fields.forEach(function(k){
24+
data[k] = elements[k].value;
25+
});
1426
console.log(data);
1527
return data;
1628
}

index.html

+4-2
Original file line numberDiff line numberDiff line change
@@ -57,9 +57,11 @@ <h2><em>Thanks</em> for contacting us!
5757
We will get back to you soon!</h2>
5858
</div>
5959

60-
<!-- Submit the Form to Google Using "AJAX" -->
60+
<!-- Submit the Form to Google Using "AJAX"
6161
<script data-cfasync="false" type="text/javascript"
62-
src="https://cdn.rawgit.com/dwyl/html-form-send-email-via-google-script-without-server/master/form-submission-handler.js"></script>
62+
src="https://cdn.rawgit.com/dwyl/html-form-send-email-via-google-script-without-server/master/form-submission-handler.js"></script> -->
63+
<script data-cfasync="false" type="text/javascript"
64+
src="/form-submission-handler.js"></script>
6365
<!-- END -->
6466

6567
</body>

package.json

+31
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
{
2+
"name": "html-form-send-email-via-google-script-without-server",
3+
"version": "1.0.0",
4+
"description": "tutorial showing how to save data to a google doc spreadsheet from any html form (including sending emails!)",
5+
"main": "static-server.js",
6+
"scripts": {
7+
"start": "./node_modules/.bin/nodemon static-server.js"
8+
},
9+
"repository": {
10+
"type": "git",
11+
"url": "git+https://github.com/dwyl/html-form-send-email-via-google-script-without-server.git"
12+
},
13+
"keywords": [
14+
"tutorial",
15+
"google",
16+
"docs",
17+
"email",
18+
"form"
19+
],
20+
"author": "nelsonic @dwyl",
21+
"license": "GPL-2.0",
22+
"bugs": {
23+
"url": "https://github.com/dwyl/html-form-send-email-via-google-script-without-server/issues"
24+
},
25+
"homepage": "https://github.com/dwyl/html-form-send-email-via-google-script-without-server#readme",
26+
"devDependencies": {
27+
"hapi": "^11.1.2",
28+
"inert": "^3.2.0",
29+
"nodemon": "^1.8.1"
30+
}
31+
}

0 commit comments

Comments
 (0)