2021-11-05 有required属性的表单控件隐藏时，其得到不到值，表单无法提交

VIP文章 于 2021-11-05 23:30:21 发布
阅读量360 收藏
点赞数 1
分类专栏： 前端小问题 文章标签： javascript 开发语言 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45973715/article/details/121172574
版权 
    如题，当表单中有隐藏的required控件时，表单因无法获取必须的值，导致无法提交，点击提交按钮无反应。

            <!--验证码-->
			<div class="textbox login onlylogin" style="display: none;">
				<input type="text" placeholder="验证码" name=
最低0.47元/天 解锁文章
qq_45973715
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
c#获取不到隐藏控件的值
oec2003的学习专栏
05-20 4297
     保存前将一些值保存在隐藏控件中，隐藏控件设置runat=server 但在后台用c#取不到隐藏控件的值，感到非常奇怪，检查很久才发现 在页面写隐藏控件的时候一不小心写到了runat=server的form外面了，马上将隐藏控件移到了form里面，值就能取到了。
Bootstrap中表单控件状态(验证状态)
09-01
主要介绍了Bootstrap中表单控件状态(验证状态) 的相关资料,还给大家介绍了在Bootstrap框架中提供的机制验证效果，非常不错，需要的朋友可以参考下
element 结合vue 在表单验证时有值却提示错误的解决办法
01-21
绑定的值与规则指定的值一定要相同——- 第一步： <el model=ruleForm rules=rules ref=ruleForm label-width=100px class=demo-ruleForm> 加上rules ref 第二部： <el label=活动名称 prop=name> <el v-model=ruleForm.name></el> </el> 加上prop 第三部： rules: { name: [ { required: true, messag
accessible-custom-form-controls:移动友好、可访问的自定义表单控件
06-29
可访问自定义表单控件 具有全键盘支持和适当的可访问性角色/属性/属性的可访问自定义表单控件 自定义复选框 每个自定义复选框接收以下角色/属性/属性： role="checkbox aria-labelledby="the-id-of-the-label-element" aria-checked="true/false" aria-setsize="(the amount of checkboxes in the group)" aria-posinset="(the current index of the given checkbox" ` 定制收音机 该组 ( <ul> ) 收到： role="radiogroup" aria-required="true" aria-labelledby="the-id-of-the-common-label" 每个自定义无
bd-form:该项目受到Angular处理表单的方式的极大启发，旨在帮助执行复杂的表单逻辑
05-17
BD表格 概述 受到Angular处理有效，原始且未受影响的类及其对应对象的方式的启发。 该库还旨在消除HTML表单API中的不一致之处。 该库不使用本地HTML验证，因此在HTML中放置required属性不会影响其工作方式。 该库具有表单组和表单控件的概念。 控件是单个输入/选择/文本区域，而组是一组控件。 要知道的重要一件事是表单组和表单控件都实现相同的接口，因此您可以依赖始终存在的某些方法。 这是接口，也可以在/src/control-interface.ts中找到 getValue(): any, getName(): string, disable(): void, enable(): void, reset(): void, isValid(): boolean, isPristine(): boolean,
jQuery无法获取隐藏元素（display:none）宽度(width)和高度(height)的新解决方案
qq_38472574的博客
05-01 489
jQuery无法获取隐藏元素（display:none）宽度(width)和高度(height)的新解决方案
关于div的隐藏
johncools的博客
09-14 1285
div的visibility可以控制div的显示和隐藏，但是隐藏后页面显示空白: style = visibility none;document.getElementById(typediv1).style.visibility = hidden;隐藏document.getElementById(typediv1).style.visibility = visible;显示通过设置di
HTML元素disabled后，后台获取不到值
非淡泊无以明志，非宁静无以致远
04-24 972
比如: &lt;input type='text' id='test' name='test' disabled='true' /&gt; 那么在后台 request.getParameter时是获取不到值的！
laravel-admin：form表单tab标签切换组件.rar
03-01
该组件仿造laravel-admin form表单自带的tab组件。 区别在于laravel-admin自带的tab标签切换组件只能出现form表单的顶部所有的输入只能在tab标签内； 而该组件允许tab标签切换在form表单的任何位置，与代码顺序相关...
jsp页面隐藏域的值无法传入后台
weixin_43102313的博客
03-26 1055
jsp页面隐藏域的值无法传入后台 在联系SSH整合的时候，前台页面的隐藏域的值始终无法传递到后台，一直是null，其他name属性，后台通过属性获取参数都正确的情况下，最后发现是form标签包含的范围太大了，最后缩小的form表单的范围，成功获取值。 ...
html获取空值为0,js获取元素属性值为空的原因和解决办法
weixin_42502378的博客
06-04 1246
问题描述：js获取某元素的属性值为空代码：#box{width: 100px;height: 100px;background:#333;}var oBox=document.querySelector("#box");alert(oBox.style.width);//啥也没有alert出来问题原因：style只能获取定义在行间样式的值，这里由于样式是定义在head中，而不是行间，因此啥也没有a...
hidden 取不到值
appoFeng的专栏
04-11 3078
在从html页用form传值到.aspx页面时，发现input 的 hidden值竟然取不到。网上搜了一下，也没有找到合适的答案。经过一番查证，发现是hidden没有name值，噢，原来input都是靠name来获取值的。
html中元素的隐藏和显示
码农界的小学生
06-14 812
style:"display: none"  (隐藏之后，不占空间)   等同于  input中 type="hidden" style:"visibility: hidden"(隐藏之后，占空间) jquery中操作隐藏/显示 ：$().hide() 、$().show();
html中隐藏元素的几种方法
qq_45758147的博客
06-24 1665
1. display:none 隐藏元素。 在隐藏之后就不再占据空间了。 2. opcity:0 设置图片透明度为0，隐藏元素。 隐藏之后还占据原来的位置 3. height:0;ovrflow:hidden 。 两个属性搭配使用可使元素隐藏 4. 对于input框，设置它的属性 type：hidden 也可是元素隐藏 5. visibility:hidden隐藏之后还占据原来的位置 ...
HTML元素隐藏和显示
weixin_30690833的博客
04-03 257
在web前端开发过程中，经常会用到隐藏和显示元素的方法 总结：1.通过JS或Jquery控制 2.通过CSS样式控制 一、Js或jquery （jquery为例) 1.隐藏元素 使用hide()方法，如下图： 方法：hide() 作用: 隐藏显示的元素 示例: $(“p”).hide(); HTML 代码: <p>Hello word&...
display none 隐藏后怎么显示_你用对了隐藏的方法了吗
热门推荐
weixin_39938331的博客
11-29 1万+
在 Web 开发中出于多种原因，我们需要隐藏元素。例如，一个按钮应该在移动中可见，而在桌面视口中隐藏。或者，在移动设备上隐藏但要在桌面上显示的导航元素。隐藏元素时有三种不同的状态：元素完全隐藏并从文档流中删除。元素只是隐藏在视觉上，而且仍然可以被辅助技术(AT)访问，比如屏幕阅读器。元素是可见的，但仅对屏幕阅读器隐藏。在这篇文章中，我们将学习在html和css中隐藏元素，并涵盖易访问性、...
当表单输入控件失去焦点时进行验证后，如何使表单验证不通过无法提交
最新发布
07-11
下面是一个示例代码片段，演示了如何在表单提交时触发验证，并在验证不通过时阻止提交： ```html ()"> <input type="text" name="name" required> <input type="email" name="email" required> function ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值