Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击表单的“提交”按钮会传递什么?_Javascript_Html_Node.js_Forms_Pug - Fatal编程技术网

Javascript 单击表单的“提交”按钮会传递什么?

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

我正在使用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
        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
类属性发送数据。