Skip to content

Instantly share code, notes, and snippets.

@epk
Last active February 1, 2018 06:55
Show Gist options
  • Save epk/9a1da2e61da7737c8c5bfdd71d8c59cd to your computer and use it in GitHub Desktop.
Save epk/9a1da2e61da7737c8c5bfdd71d8c59cd to your computer and use it in GitHub Desktop.
var express = require('express');
var app = express();
var handlebars = require('express-handlebars').create({ defaultLayout: 'main'});
var bodyParse = require('body-parser');
var urlencodedParser=bodyParse.urlencoded({extended:false});
app.engine('handlebars',handlebars.engine);
app.set('view engine', 'handlebars');
app.set('port', process.env.PORT || 3018);
app.use(express.static(__dirname + '/public'));
app.get('/', function(req,res){
res.render('home');
});
app.get('/submit', function(req,res){
res.render('submit');
});
app.get('/about', function(req,res){
res.render('about');
});
app.use(function(req, res, next){
res.status(404);
res.render('404');
});
app.use(function(err, req, res, next){
console.error(err.stack);
res.type('text/plain');
res.status(500);
res.render('500');
});
app.post('/submit', urlencodedParser , function(req , res){
console.log(req.body);
});
app.listen(app.get('port'), function(){
console.log('Express started on localhost:'+app.get('port') + '; ctrl-c to terminate.');
});
<form id="first" action="/submit" method="post" enctype="application/x-www-form-urlencoded">
<table>
<tr>
<td><label for="firstName">First name:</label></td>
<td><input type="text" name="firstName" id="firstName" value="first" size="30" maxlength="40" /></td>
</tr>
<tr>
<td><label for="lastName">Last name:</label></td>
<td><input type="text" name="lastName" id="lastName" value="last" size="30" maxlength="40" /></td>
</tr>
<tr>
<td><label for="numberOne">Enter a number here</label></td>
<td><input type="text" name="numberOne" id="numberOne" value="1.5" /></td>
</tr>
<tr>
<td><label for="numberTwo">Enter a number here</label></td>
<td><input type="text" name="numberTwo" id="numberTwo" value="4.5" /></td>
</tr>
</table>
<br />
<label for="msel">Select your operating system:</label>
<select name="msel" id="msel" size="4">
<option>Linux</option>
<option>Unix</option>
<option>Window</option>
<option>Mac Os X</option>
</select>
<br/><br/>
<table>
<tr>
<td>
<fieldset>
<legend>My favourite mark is:</legend>
<input type="radio" name="mark" id="A1" value="a" checked="checked" />
<label for="A1">A</label><br />
<input type="radio" name="mark" id="B1" value="b" />
<label for="B1">B</label><br />
<input type="radio" name="mark" id="C1" value="c" />
<label for="C1">C</label><br />
<input type="radio" name="mark" id="D1" value="d" />
<label for="D1">D</label><br />
<input type="radio" name="mark" id="F1" value="f" />
<label for="F1">F</label><br />
</fieldset>
</td>
<td>
<fieldset>
<legend>My favourite mark is:</legend>
<input type="checkbox" name="A" id="A2" value="a" checked="checked" />
<label for="A2">A</label><br />
<input type="checkbox" name="B" id="B2" value="b" />
<label for="B2">B</label><br />
<input type="checkbox" name="C" id="C2" value="c" />
<label for="C2">C</label><br />
<input type="checkbox" name="D" id="D2" value="d" />
<label for="D2">D</label><br />
<input type="checkbox" name="F" id="F2" value="f" />
<label for="F2">F</label><br />
</fieldset>
</td>
</tr>
</table>
<br />
<input type="submit" value="Submit me" /><input type="reset" value="Reset me" />
</form>
<h1>Form has been submitted</h1>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment