Articles of forms

帕格(RIP翡翠)formscheckbox – 无论select多less,只返回一个值

我有一个写在帕格的表格。 我从窗体的POST中获取所有正确的参数,除了我的checkbox数组是一个包含一个值的string – 选定的最后一天。 每个checkbox有一个名称等于一个数组,所以表单应该返回所有选中的checkbox。 但是,这并没有发生。 以下是checkboxselect的相关代码: form#create-shift-form(action='/shifts/new', method='post') div.form-group p Select which days this shift should apply: div.checkbox-inline input.checkbox-input#create-shift-mon(type='checkbox', name='days[]', value='Mon') label(for='create-shift-mon') Mon div.checkbox-inline input.checkbox-input#create-shift-tue(type='checkbox', name='days[]', value='Tue') label(for='create-shift-tue') Tue div.checkbox-inline input.checkbox-input#create-shift-wed(type='checkbox', name='days[]', value='Wed') label(for='create-shift-wed') Wed div.checkbox-inline input.checkbox-input#create-shift-thur(type='checkbox', name='days[]', value='Thur') label(for='create-shift-thur') Thur div.checkbox-inline input.checkbox-input#create-shift-fri(type='checkbox', name='days[]', value='Fri') label(for='create-shift-fri') Fri div.checkbox-inline input.checkbox-input#create-shift-sat(type='checkbox', name='days[]', value='Sat') label(for='create-shift-sat') Sat div.checkbox-inline […]

提交不会发布所有数据

这是一个相当简单的问题,但我花了3天寻找一个我找不到的错误。 这个表格只是无故发布“grille de notation”和“Grille d'évaluation”之间的内容。 这是我的forms的代码:我知道这是很大的…对不起,你可以尝试在: https : //institut-villebon-staging.herokuapp.com/formulaires/entretien/0 <div id="page-content-wrapper"> <div class="container-fluid"> <nav class="col-sm-3 col-md-3 hidden-xs" id="myScrollspy" data-pg-collapsed> <ul class="nav nav-pills nav-stacked" data-pg-collapsed> <li class="active"> <a href="#informationsCandidat">Informations du candidat</a> </li> <li> <a href="#GrilleNotation">Grille de notation</a> </li> <li> <a href="#GrilleEval">Grille d'évaluation</a> </li> </li> </ul> </nav> <div id="form_container" class="col-sm-9"> <div class="row"> <div class="col-xs-4 col-md-8"> <ol class="breadcrumb […]

HTML表单请求主体为空 – NodeJs

我正在使用Node.js创build一个API POST并expression。 我只是想使用HTML格式发布一些数据: <form id="myform" action="http://localhost:4000/add" method="post" enctype="application/json"> <input type="text" name="name" id="name" /> <input type="submit" id="submit" /> </form> 服务器只会收到POST请求,并将主体显示到console.log中。 router.post('/add', function (req, res){ console.log("request: "+JSON.stringify(req.body)); }) 在控制台上收到的是:request:{} 试图张贴到相同的API使用邮递员 – 原始,JSON(应用程序/ JSON),事情工作正常。 有人可以告诉我什么是我在做什么错?

表单在inputtypes=文件中没有select文件提交时正在计时

有一个简单的forms,如下面的js小提琴http://jsfiddle.net/UdugW/我张贴一些表单数据到我的node.js应用程序(基于sails.js)。 这是来自product型号的控制器function之一: image_upload: function(req, res) { if (req.method.toLowerCase() == 'post') { console.log("request: " + util.inspect(req.body)); if( req.files && req.files.product_image){ fs.readFile(req.files.product_image.path, function (err, data) { var imageName = req.files.product_image.name; if(!imageName){ console.log("There was an error with image upload : " + util.index(req.files.product_image)); res.redirect("/product/new_product"); res.end(); } else { var newPath = UPLOAD_PATH + imageName; /// write file to […]

在Node.JS中获取http发布表单数据

嘿,我试图发送请求使用快递和节点,这里是我的代码。 的index.html <html> <head> <title>Test</title> </head> <body> <form action="/form" method="POST" enctype="multipart/form-data"> <input type="text" name="imagename"></input> <input type="submit" name="submit" value="submit"></input> </form> </body> </html> 我的app.js文件如下: var express = require('express'); var app = express(); var bodyParser = require('body-parser'); app.use(bodyParser.urlencoded({ extended: true })); app.use(bodyParser.json()); app.post('/form', function(req, res){ res.setHeader('Content-Type', 'application/json'); setTimeout(function(){ res.send(JSON.stringify({ imagename: req.body.imagename || null })); }, 1000); }); 现在我应该得到的输出为imagename://值的forms添加如果true或否则为空。 […]

即使提交基于PRG的表单,Chrome浏览器也会追踪2条历史logging

当提交实现“发布+相同页面redirect+获取”方法的表单时,Chrome跟踪两个历史logging条目 – 而不仅仅是一个 – 。 演示这个奇怪的行为的步骤。 1 – 我浏览到表单页面裸页面:demo.html。 裸页面: 2 – 我填写表格。 填写表单: 3 – 我提交表格。 Submited – 这是空的forms(在demo.html,redirect从我的基于PRG的redirect到相同的page.php): 4 – 我点击浏览器的“返回”button一次。 Chrome跳回填充表格(步骤) 5 – 我需要再次点击浏览器的“返回”button才能到达我浏览页面之前(例如我的浏览器的“谷歌”默认页面): Chrome(版本25.0.1364.172)和Safari(6.0.2) 我在期待什么 我期望有一个单一的浏览器的“返回”点击到达窗体之前的页面。 实际上,Firefox(19.0.2)Opera(12.11)和IE(从版本6到最新的10)是如何运行的。 我的源代码 demo.html <!DOCTYPE html> <html lang="en"> <head> </head> <body> <form action="redirect-to-same-page.php" method="post"> Type something and submit: <input type="text" name="something" /> <!– optional: autocomplete="off" –> […]

用sizelimit上传文件节点js

我做了一个简单的HTML表单来上传图片。 我正在尝试使用强大的中间件来处理我的形象。 var form = new formidable.IncomingForm(); var filename = req.body.pid + ".jpg"; //Formidable uploads to operating systems tmp dir by default form.uploadDir = "/src/main/images"; //set upload directory form.keepExtensions = true; //keep file extension form.on('progress', function(bytesReceived, bytesExpected) { if (bytesReceived > MAX_UPLOAD_SIZE) { console.log('### ERROR: FILE TOO LARGE'); } }); form.parse(req, function(err, fields, files) { […]

NodeJS – 如何parsing没有框架的多部分表单数据?

我试图做一个基本的事情:使用FormData API发送一个表单,并在NodeJS中parsing它。 在search了一个小时后才发现使用ExpressJS和其他框架的答案,我认为它值得自己的问题: 我有这个HTML: <form action="http://foobar/message" method="POST"> <label for="message">Message to send:</label> <input type="text" id="message" name="message"> <button>Send message</button> </form> JS: var xhr = new XMLHttpRequest(); xhr.open('POST', 'http://foobar/message'); xhr.send(new FormData(form)); 在NodeJS中,我正在做: var qs = require('querystring'); var requestBody = ''; request.on('data', function (chunk) { requestBody += chunk; }); request.on('end', function () { var data = qs.parse(requestBody); console.log(data.message); }); […]

打开http / 2连接并发布表单数据

目的 此代码的目标是通过http2连接到API服务,然后维护该连接,以便可以将多部分表单数据发布到API: let options = { port: 443, hostname: 'avs-alexa-na.amazon.com', path: '/v20160207/directives', method: 'GET', headers: { 'Authorization': 'Bearer ' + JSON.parse(localStorage.getItem('CREDS')).access_token, } } var request = require('http2').request(options) request.on('response', function(response) { console.log(response) if (response.statusCode == 403) { //handle invalid token } else { //now lets make a POST request with form-data } //response.on('end', finish); }); 问题 […]

在Node.js POST请求中,Jadeforms返回空表示

我用express和node.js来创build一个飞行日志数据库的前端,作为我培训的一部分。 我已经确认我的input有名称 ,我的身体分析器设置为应用程序/ JSON ,并且我的路线出现在我的中间件声明后 ,但我的req.body对象保持未定义。 我的问题是为什么。 这里是我的玉器forms的一个领域: .row.col-sm-16 div.input-group.form-control form(action='',method='POST') div(data-role='fieldcontain') fieldset(data-role='controlgroup') label(for='HobbsOut') HobbsOut &nbsp &nbsp &nbsp input(id='HobbsOut',type='text',value='',placeholder='hobbs in generated',name='HobbsOut') 低于这个差距的每件事都会重复。 提交button: div.text-center button.btn.btn-default.input-group-button Submit buttondiv与'data-role'divsalignment。 相关路线: app.post('/logadd', ctrl.addFlight); 而相关的控制者: module.exports.addFlight = function (req, res) { console.log(req.body.HobbsOut); res.redirect('/loglist'); }; 目前我只是试图打印第一个字段,并将用户redirect到航class日志。 我在多个应用程序中遇到此问题。 我知道如何将用户input推入数据库是非常重要的。 任何和所有的帮助,不胜感激。