当前位置: 首页 > 面试题库 >

在display:none元素内提交表单字段

赫连秦迟
2023-03-14
问题内容

我有一个很长的表格,分为6个步骤。加载表单后,将加载所有步骤,但是只有第一步可见。其余的具有CSS,display:none因此它们是隐藏的。完成一个步骤并使用Javascript进行验证后,当前步骤将设置为display:none,新步骤将设置为display:block。在最后一步,用户提交表单。但是,正如预期的那样,仅display:block提交页面上元素中的字段。元素中所有完成的字段都将display:none被忽略。

有没有一种方法可以提交display:none元素内的字段?

如果没有,还有其他方法可以达到相同的效果吗?


问题答案:

将它们设置为visibility:hiddenposition:absolute。字段不会与一起发送到服务器display:none,而是与一起发送到服务器visibility:hidden。通过将“位置”切换为“绝对”,您应该获得相同的视觉效果。

更新 在任何当前浏览器中(从2015年11月开始),这似乎不再是问题。即使显示设置为“无”,也会提交字段。但是,“禁用”的字段将继续不提交。



 类似资料:
  • 我有一个表单,它有几个字段都在类中,这些字段都有一个公共的标题。 我需要当用户点击submit而联系人字段未填充时,标题变为红色。这些字段(名字、姓氏、公司、营销电话、电子邮件)在提交为空时已添加类。 这些字段都在类中,标签为。此标签在提交时不接收类。这是我需要补充的。我给标签一个id。所以我的如果然后是如果first_name、last_name、公司、Marketing_phone或电子邮件在

  • 问题内容: 我正在写一个表单,其中包含更改选择列表时动态加载的一些文本输入元素。 问题是,当我提交表单时,那些元素不会在发布到服务器的数据中发送。 我需要做什么才能使那些动态创建的元素“进入”要提交的表单? 代码是这样的: Ajax调用返回的html是: 而且,如果我在调用ajax方法后使用firebug来查看页面,则动态加载的html就在应具有的层次结构中,即形式正确。 但是,当我单击“提交”按

  • 下面是MultistepForm的代码。我已经实现了一个多步骤表单功能,所以这里一切都很好,只是问题是在这个表单中,我在最后一步有一个预览页面,所以当我点击提交按钮时,表单正在消失,按钮正在顶部移动。所以如果有人能帮我请。

  • 获取Form变量 通过Action的如下方法可以获取变量: GetSlice GetString GetInt GetBool GetFloat GetFile GetForm 自动映射 通常我们通过http.Request.Form来获得从用户中请求到服务器端的数据,这些数据一般都是采用name,value的形式提交的。xweb默认支持自动将这些变量映射到Action的成员中,并且这种映射支持子

  • 问题内容: 我的表单中有两个选择元素,类别和子类别。首先,仅显示类别选择。当用户在类别选择中进行选择时,AJAX请求将发送到服务器,并显示子类别选择。它工作正常。 现在,当表单提交中由于任何原因,缺少某些必需的值或任何原因而出现错误时,我将显示错误消息,但是我无法保留选择框的相同状态,我只会看到类别选择,未选择任何值,即初始状态。谁能建议我如何保留这些选择元素的状态? 这是我新表单中的代码段: 这

  • 本文向大家介绍js创建表单元素并使用submit进行提交,包括了js创建表单元素并使用submit进行提交的使用技巧和注意事项,需要的朋友参考一下 js 创建form、input元素,并设置form的action及method,最后使用submit进行提交