提交表单控制台报错：form control with name='' is not focusable.解决办法

最新推荐文章于 2021-12-28 16:31:00 发布
原创 最新推荐文章于 2021-12-28 16:31:00 发布 · 1.1w 阅读 · 5 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#js

本文介绍如何在Bootstrap页面中实现select与textarea控件的联动效果。当select选择-其他原因时，下方的textarea可见且必填；选择其他项时，textarea隐藏并移除必填属性，以避免表单提交错误。

（如图：）bootstrap页面，当select选择项为-其他原因时，出现下方的textarea；当选择项为其他时，不填写原因，此时textarea被隐藏。textarea为必填，属性required；


问题：当select选择项不是-其他原因时，此时下方的textarea是隐藏的，但是required属性还在，此时谷歌浏览器下提交表单会报错：An invalid form control with name='' is not focusable.表单不能提交；


我的解决办法：当selected选项不是-其他原因，此时下方的textarea隐藏，同时移除他的required属性；同理显示的时候也需要添加上。

$('#selected').attr('required','true')

$('#selected').removeAttr('required')

名称=''的无效表单控件不可聚焦
xfxf996的博客
04-19 794
I have an acute problem on my website. 我的网站上有一个严重的问题。 In Google Chrome some customers are not able
An invalid form control with name='' is not focusable
笨小蛋的博客
07-25 5661
原因：是浏览器发现了有隐藏（display:none）的required需求元素，所以提交时会出错。 将该必填元素改为选填元素即可避免此错误
Chrome浏览器，An invalid form control with name='' is not focusable. 问题处理
weixin_30485291的博客
08-27 491
Chrome浏览器要重点控制是必需的，但仍然是空的，所以，它可以弹出消息“请在此输入”。但是，如果该控件隐藏在Chrome浏览器要弹出消息，那就是在表单提交的时间，Chrome浏览器无法集中控制，因为它是隐藏的，因此表格后，提交。 因此，要解决这个问题，通过javascript隐藏控件时，我们也必须删除'required'的属性，控制。 转载于:https://www.cnblogs...
Drupal踩坑之An invalid form control with name=‘xxx‘ is not focusable.
qq_33426531的博客
12-28 453
An invalid form control with name='xxx' is not focusable.
form control with name='ChipBody' is not focusable.
07-15
如果在 HTML 表单元素中遇到 `form control with name='ChipBody' is not focusable` 的错误消息，通常是因为该表单元素无法被聚焦（focus）。这可能是由于以下原因之一： 1. 错误的元素类型：请确保使用的元素类型...
input_focus: [Focus entering 2106e4 Application Not Responding: com.oplus.camera (server),reason=Window became focusable. Previous reason: NOT_VISIBLE]
08-06
4. 随后发生ANR：`Application is not responding: Window{... com.android.email.activity.SplitScreenActivity ...}` 用户问题中提到的另一个ANR日志： `ANR input_focus Focus entering 2106e4 Application Not ...
I input_focus: [Focus entering 9c32256 com.oplus.screenshot/LongshotCapture (server),reason=Window became focusable. Previous reason: NOT_VISIBLE]
最新发布
11-22
- **`reason=Window became focusable`**：此为焦点进入该组件的原因，即该窗口变得可以获取焦点。这可能是因为窗口状态发生了改变，例如窗口从隐藏变为显示、从禁用变为启用等，从而满足了获取焦点的条件。 - **`...
11-18 00:36:47.975555 3456 3597 I input_focus: [Focus request 85ce1dd PopupWindow:488762e,reason=UpdateInputWindows] 11-18 00:36:47.986837 3456 6738 I input_focus: [Focus leaving a7ecadc com.oplus.logtrial/com.heytap.ocsp.client.ui.main.FeedbackMainActivity,reason=Waiting for window because NO_WINDOW] 11-18 00:36:47.991769 12100 12100 I viewroot_draw_event: [VRI[PopupWindow:488762e],reportDrawFinished seqId=0] 11-18 00:36:48.010197 12100 12100 I viewroot_draw_event: [VRI[PopupWindow:488762e],reportDrawFinished seqId=0] 11-18 00:36:48.024554 3456 6738 I input_focus: [Focus entering 85ce1dd PopupWindow:488762e,reason=Window became focusable. Previous reason: NOT_VISIBLE]
11-20
- `input_focus`: [Focus entering 85ce1dd PopupWindow:488762e,reason=Window became focusable. Previous reason: NOT_VISIBLE] - 焦点进入了之前请求焦点的PopupWindow。原因是该窗口变得可获得焦点（became ...
04-19 23:13:32.817 1661 1905 I input_focus: [Focus leaving 3fb3995 com.activision.callofduty.shooter/com.tencent.tmgp.cod.CODMainActivity (server),reason=NOT_VISIBLE] 04-19 23:13:32.872 1661 1905 I input_focus: [Focus entering 3fb3995 com.activision.callofduty.shooter/com.tencent.tmgp.cod.CODMainActivity (server),reason=Window became focusable. Previous reason: NOT_VISIBLE]
05-21
Log.d("Focus", "Activity is no longer visible or focusable."); } } ``` #### 2. 解释代码 - **`setOnFocusChangeListener`**: 为视图设置焦点变化监听器，当视图获得或失去焦点时触发回调。 - **`onStart` 和...
An invalid form control with name='xxx' is not focusable 的解决方案
weixin_34198797的博客
12-31 3971
2019独角兽企业重金招聘Python工程师标准>>> ...
An invalid form control with name='xxx' is not focusable
热门推荐
zstkst的专栏
09-23 1万+
【相关的表单提交，不能跳转。】 有些表单，再输入表单数据之后，点击提交按钮不能提交，页面不能跳转，谷歌浏览器下会报标题的错误。 如图： 该问题起因：   当空字段具有所需的属性，并尝试发送的形式，一些浏览器如Chrome或Firefox让场上的焦点，并采取一个消息在一个特殊的工具提示。 当需要的领域会出现此错误是隐藏或不可见的，因此无法发出信号并报告是必需的。 说白了就是，
An invalid form control with name='invoice_name' is not focusable.
p763833631的博客
06-08 451
在做ecstore一个医药项目时   后台编辑发票信息时  可以根据发票类型切换不同的表单由于最初表单是用base_component_ui生成出来的 vtype="required" 的时候 同时会有required="1" 属性当隐藏一个表单的时候  提交表单  会报:8080/index.php/shopadmin/index.php#app=b2c&ctl=admin_member...
django提交表单，控制器报错：An invalid form control with name='content' is not focusable.
weixin_45144837的博客
02-10 1237
 关于 django提交表单，控制器报错：An invalid form control with name=‘content’ is not focusable.的解决办法  我们在写django表单的时候，根据需求可能会隐藏textarea，如果需要前端页面需要用户填写其他信息时，弹出textarea,不需要填写其他信息时则不需要弹出textarea,但是，textarea时必填字段，如果不填...
An invalid form control with name='' is not focusable.
weixin_30699465的博客
12-06 163
是因为<form></form>里面还有hide()元素的缘故，把隐藏的放在表单外面就好了 转载于:https://www.cnblogs.com/jetereting/p/5022678.html
angular中遇到这个问题： An invalid form control with name='' is not focusable
weixin_34194551的博客
07-08 185
form中添加 novalidate 转载于:https://www.cnblogs.com/feijizaici/p/5654348.html
JQuery EsayUI ComboBox 在chrome 报 An invalid form control with name='' is not focusable.
breezehappy的专栏
02-07 6948
在chrome浏览器中会报:An invalid form control with name='' is not focusable. 将校验判断提前即可解决，修改如下 function add(){ if ($('#userForm').form('validate')){ $('#userForm').submit(); } }
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值