Javascript 单击表单的“提交”按钮会传递什么?
我正在使用node.js和jade模板引擎。我有一个翡翠形状如下:Javascript 单击表单的“提交”按钮会传递什么?,javascript,html,node.js,forms,pug,Javascript,Html,Node.js,Forms,Pug,我正在使用node.js和jade模板引擎。我有一个翡翠形状如下: form.form-signin(style="padding-left:10px", action='/update', method='post') table.table.table-hover(style="background-color:#fff;align:center;border:1px solid #ddd;padding-left:10px")#myTable.tablesorter
form.form-signin(style="padding-left:10px", action='/update', method='post')
table.table.table-hover(style="background-color:#fff;align:center;border:1px solid #ddd;padding-left:10px")#myTable.tablesorter
tbody
- if (evententries.length > 0) {
each entry, i in evententries
tr(style="height:5;font-size:12px;")
td(style="background-color:#5c78b2;")
p(style="color: #fff;text-align:center;") Team Name
td(style="background-color:#5c78b2")
p(style="color: #fff;text-align:center") Presenter(s)
td(style="background-color:#5c78b2")
p(style="color: #fff;text-align:center") Master
td(style="background-color:#5c78b2")
p(style="color: #fff;text-align:center") Manager
tr(style="height:30px;background-color:#E5EDFC;color: #000;font-size:14px;align:center")
td
input(type='textbox', name='teamname', value='#{entry.teamname}', style='width:120px;', readonly='readonly')
td
input(type='textbox', name='presenters', value='#{entry.presenters}', style='width:120px;', readonly='readonly')
td
input(type='textbox', name='scrummaster', value='#{entry.master}', style='width:120px;', readonly='readonly')
td
input(type='textbox', name='manager', value='#{entry.manager}', style='width:120px;', readonly='readonly')
tr
td(style="background-color:#fff; vertical-align:middle")
p(style="white-space:pre;word-wrap: break-word;text-align:center") Write-up
td(style="background-color:#fff", colspan="2")
input(type='textbox', name='writeup', value='#{entry.writeup}', style='width:120px;', readonly='readonly')
td(style="background-color:#fff; vertical-align:middle")
button#edit(type='submit') Edit
我想知道这类表单将提交什么,因为它里面有一个表,其中包含一些只读输入字段。我想在提交表单时,只传递输入只读字段 提交表单时,发送的数据包括与HTML规范中定义的“成功控件”对应的名称=值对;例如,请参见HTML 4.01和的章节。只有具有名称和值的控件(表单字段)才能是“成功的控件”。在这种情况下,
input
元素是成功的控件,除了input type=“submit”
元素,该元素不成功,因为它缺少name
属性。因此,从这个表单中,只提交只读字段
不过,检查真正提交的内容是一个好主意,方法是构造一个简单的服务器端脚本,只回显它所获得的内容,并且在测试中,将表单的
action
属性替换为指向该脚本的属性。您不想发送的字段,在通过Jquery
或Javascript
提交时,有两个不同的问题:提交什么,以及如何将提交限制为只读字段(奇怪的是,为什么要获取您已经知道的数据?)。第一个问题在HTML规范中得到了回答。第二个问题的答案似乎是不需要做任何事情,因为表单似乎只包含只读字段,只有submit按钮除外,该按钮缺少name
属性。那么,这是真实情况,还是真实情况更复杂。@Ravi表单是否发送所有数据,即“团队名称”之类的表数据,或者仅发送输入字段。我不想禁用任何输入字段。如果它发送所有数据,那么如何禁用输入以外的其他表数据?您给出的示例显示了如何仅禁用输入字段。@JukkaK.Korpela我正在尝试更新以表格形式显示的现有数据库条目。我需要知道它的详细信息,以便从数据库中识别正确的条目并进行更新。因此,我想传递只读字段。@AbhishekChauhan它不会发送TD
元素数据,表单只从input
或textarea
类属性发送数据。