今日は 2 番目の質問ですが、また助けていただきたいです。テキストフィールドを含む小さなプログラムを書きました。ユーザーが電話番号を入力すると、特定のパラメーターを最終的に計算するための指示がいくつかあります。送信ボタンをクリックした直後に、プログラムの最終結果をモーダル ウィンドウに表示したいと考えています。簡単だと思いますが、私はプログラミングの初心者なので、多くの困難を感じています。ノード js を使用してプログラムを作成しました (ただし、テンプレートを使用していないため、プログラムはひどいものです) が、私の質問は主に html に関連していると思います。この私のプログラム:
var express = require('express'),
request = require('request'),
bodyParser = require('body-parser');
var app = express();
function createMainPage (req, res, msg) {
res.setHeader('Content-Type', 'text/html; charset=utf-8');
var result = '<html><head><script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>';
result += '<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">';
result += '<link rel="stylesheet" href="https://bootswatch.com/cerulean/bootstrap.min.css">';
result += '<title> Demo </title>';
result += '</head><body><br /><br /><br /><div class="container">';
result += '<form class="form-horizontal" method="post"><fieldset><legend> Demo </legend>';
result += '<br /><h2><center>Please enter your Phone Number</center></h2> <br /> <br />';
result += '<div class="col-lg-2 col-lg-offset-5">';
result += '<input type="text" class="form-control" id="inputphonenumber" name="inputphonenumber"placeholder="+33XXXXXXXXX"></div>';
result += '</fieldset></div><br/><p style="text-align:center; font-weight:700; font-size:1.2em;">' + msg + '</dialog></p><br /><br /><br />';
//
//msg here is the parameter that i want to show on a modal windows after click on submit button
//
result += '<div class="form-group"><div class="col-lg-10 col-lg-offset-6">';
result += '<button type="reset" class="btn btn-default">Cancel</button>';
result += '<button type="submit" class="btn btn-primary">Submit</button></form>';
result += '<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>';
result += '</body></html>';
res.send(result);
}
app.set('port', (process.env.PORT || 8080)); // cannot force 80
app.use(bodyParser.urlencoded({extended: false}));
app.use(express.static(__dirname + '/public'));
app.get('/', function(req, res, next) {createMainPage(req, res, "")
});
app.post('/', function(req, res, next) {
var myText = req.body.inputphonenumber;
//......
// I do some operations to finally get the parameter "message"
//......
createMainPage(req, res, customMessage);}
app.listen(app.get('port'), function() {
console.log('userDetails Node app is running on port',
app.get('port'));
});