AngularJS / 如何防止 IE 触发自动输入验证?

2024-01-13

我有一些带有一些表格的页面。
每个表单都包含一些字段约束,例如required和更多。

我只想在用户与验证错误交互时显示错误(UX?=>是)。
确实,只要领域$pristine意味着没有触摸,不应该显示任何错误。

我设法用很多浏览器来实现这个要求,除了......IE浏览器(特别是 IE > 10)。 事实上,IE 似乎将所有字段视为$dirty从一开始就!

在网上冲浪,我发现了这个“修复”:

MyMainAppModule.config(['$provide', function ($provide) {
        $provide.decorator('$sniffer', ['$delegate', function ($sniffer) {
            var msie = parseInt((/msie (\d+)/.exec(angular.lowercase(navigator.userAgent)) || [])[1], 10);
            var _hasEvent = $sniffer.hasEvent;
            $sniffer.hasEvent = function (event) {
                if (event === 'input' && msie > 10) {
                    return false;
                }
                _hasEvent.call(this, event);
            };
            return $sniffer;
        }]);

运行它......哇 IE 现在运行得很好。 然后在 Safari Mobile (Iphone) 中运行它......令人失望。 为什么?因为任何键入的字符都会在事件处理程序之后考虑,例如$watch等等...导致预期与发生的事情之间发生转变。 遗憾的是,它之前在 Safari Mobile 中运行良好。

所以,实际的困境是:优先考虑 Safari Mobile 还是 IE :)

有人在IE中实验过这种情况吗? 我可以实施其他一些“更好”的修复吗?


RETURN_hasEvent.call(this, 事件);

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

AngularJS / 如何防止 IE 触发自动输入验证? 的相关文章

  • 如何使用 LinkedIn javascript sdk 检索包括所有字段的职位列表?

    我想要获取 LinkedIn 会员在其个人资料中输入的每个职位的 ID 头衔 摘要 开始日期 结束日期 当前状态和公司名称 我测试了一个查询休息控制台 https apigee com console linkedin我得到了想要的结果 查
  • 如何根据按钮单击折叠和展开 Kendo UI 树视图中的所有树节点?

    这是行不通的 您可以使用此代码 1 崩溃 折叠kendoTree查看文档 http docs kendoui com api web treeview methods collapse treeview kendoTreeView var
  • 如何使用 axios / jest 测试失败的请求

    我创建了一个非常小的应用程序 如果您传递硬币和数量 它可以计算为某些加密货币支付的总价格 我想测试错误 但我总是收到 收到的承诺已解决而不是被拒绝 我相信这是因为如果 url 错误 axios 仍然会解决承诺 我遇到的第二个问题是 我尝试测
  • 使用闭包和自调用函数制作计数器

    我想知道为什么这段代码不起作用 var uniqueInteger function var counter 0 return function return counter console log uniqueInteger 0 cons
  • 通过 SVG 背景传递鼠标事件

    我有两个 SVG 元素 每个元素覆盖整个屏幕 html body height 100 svg position absolute top 0 left 0 bottom 0 right 0
  • Google 饼图未显示所有数据行

    我正在尝试绘制人口与国家名称的关系图 我发现 Google 可视化库仅渲染前几个 实际上数字似乎是随机的 具体取决于我使用的数据 有时添加 其他 条目 但它没有t 实际上具有其余条目的值 Example 1 With all countri
  • 如何从表中选择所有偶数 id?

    我想从 MySQL 数据库的表中选择所有甚至帖子 ID 然后显示它们 我还想获取所有带有奇怪 id 的帖子并将它们显示在其他地方 我想使用 PHP 来完成此操作 因为这是我使用的服务器端语言 或者 我是否必须选择所有帖子 然后使用 Java
  • 在 asp.net vb 中通过第一个下拉列表值填充第二个下拉列表

    我在使用 asp net vb 时遇到了一些问题 我想做的是有2个下拉框 第一个下拉菜单将有 1 2 3 例如 第二个下拉菜单将有 A 乙 C 默认情况下 但是 如果选择 1 我希望第二个下拉菜单自动选择 c 我不知道 JavaScript
  • 如何仅对农业网格中的某些行禁用编辑

    我想根据条件仅启用我的 ag grid 中的某些行 示例 2 5 editable false 没有帮助 因为它应用于整个列表 除非有一个我不知道的方法 请提供任何帮助 你只需绑定即可function to editable财产在colum
  • 如何在 Node.js 中让一个 EventEmitter 监听另一个 EventEmitter?

    我想做这样的事情 var events require events var emitterA new events EventEmitter var emitterB new events EventEmitter emitterA ad
  • Bing.com 如何创建放大的缩略图?

    当我使用 Bing com 搜索图像时 我发现它们的图像经过精心裁剪和排序 当您将鼠标放在图像上时 会弹出另一个窗口 其中显示放大的图像 我想在我的程序中做同样的事情 我检查了他们页面的源代码 他们正在使用 javascript 但我仍然不
  • 空 URL 哈希导致页面在 js 事件上跳转

    我有一个带有下一个和上一个按钮的照片库 如果我的某个 javascript 方法由于某种原因被破坏 那么当单击其中一个按钮时 它会向 url 添加一个哈希值 即 www google com 我知道可以给散列一个 div id 来跳转到页面
  • 使用 onBlur 事件上的值更新 React 输入文本字段

    我有以下输入字段 在模糊时 该函数调用服务来更新服务器的输入值 完成后 它会更新输入字段 我怎样才能让它发挥作用 我可以理解为什么它不允许我更改字段 但我能做些什么才能使其工作 我无法使用defaultValue因为我会将这些字段更改为其他
  • Window 与 Var 声明变量[重复]

    这个问题在这里已经有答案了 可能的重复 JavaScript 中使用 var 和不使用 var 的区别 https stackoverflow com questions 1470488 difference between using v
  • Django 接受 AM/PM 作为表单输入

    我试图弄清楚如何使用 DateTime 字段在 Django 中接受 am pm 作为时间格式 但我遇到了一些麻烦 我尝试在 forms py 文件中这样设置 pickup date time from DateTimeField inpu
  • Postman - 如何计算 JSON 响应中特定对象的出现次数

    我是 JSON 和 Postman 的新手 我相信我正在尝试做一些非常简单的事情 我创建了一个 GET 请求 它将获得如下所示的 JSON 响应 在下面的例子中我想得到count响应中所有 IsArchived 属性 这些属性的数量因响应而
  • 错误:创建 React Native 项目版本 0.59.9 时找不到 template.config.js

    当我尝试创建 React Native 项目版本 0 59 9 时 出现以下错误 错误错误 无法在 react native 模板中找到 var folders zc h93bvpb573q24 5ynvgkn1wc0000gn T rnc
  • 在 Google Apps 脚本中的文本前插入换行符

    我需要在 Google 文档中的某些文本之前插入一些换行符 尝试过这种方法但出现错误 var body DocumentApp getActiveDocument getBody var pattern WORD 1 var found b
  • 如何在 JavaScript 中获取浮点数的小数位?

    我想要的是与 Number prototype toPrecision 几乎相反的 这意味着当我有数字时 它有多少位小数 例如 12 3456 getDecimals 4 对于任何想知道如何更快地完成此操作 无需转换为字符串 的人 这里有一
  • 获取淘汰赛中被点击元素的索引

    获取无序列表中单击元素的索引的最佳方法是什么 让我举个例子 假设我有以下 HTML 代码 ul li p p li ul 现在我有以下 javascript 代码来获取索引 self itemClicked function data it

随机推荐

  • 软件测试/测试开发/全日制/测试管理丨Python深拷贝与浅拷贝

    深拷贝和浅拷贝是两种不同的拷贝方式 它们在处理可变对象 如列表 字典 时有着不同的行为 以下是深拷贝和浅拷贝的主要区别 1 浅拷贝 Shallow Copy 创建方式 浅拷贝通过复制原始对象 创建一个新对象 但对于原始对象中的可变对象 如列
  • Java访问新浪财经交易数据遇到403错误的解决

    http hq sinajs cn list hf XAU list后面写产品编号 例如现货黄金XAUUSD等 外汇编号等 直接放浏览器上访问会出现403错误 需要在访问的时候在header里加referer URLConnection s
  • 信号浪涌保护器的原理和行业应用方案

    信号浪涌保护器 Surge Protective Device 简称SPD 是一种用于限制信号线路中瞬态过电压和分泄浪涌电流的防雷装置 主要用于保护各类信号线路及设备的防雷安全 信号浪涌保护器的原理是利用气体放电管 压敏电阻 齐纳二极管等非
  • contentEditable 不会将第一行换行到标签中

    我有一个带有 contentEditable 属性集的 div 我遇到的问题是我输入的第一行没有包含在标签中 但后续行却包含在标签中 所以输入 qwerty zxcv asdfg 结果是 div class editable qwerty
  • 任何向量的专用模板

    我有一个模板方法 有两个专门的类型版本bool and vector
  • 通过索引访问可变参数模板中的类型

    我想通过索引获取可变参数模板中的类型 索引被指定为模板参数 我设法找到了一个有效的 黑客 但我相信它不符合可变参数模板编程的精神 此外 它还使用额外的内存 这是带有一些解释的代码 template
  • https 非 www 到 https www

    我将所有非 www 请求重写为 www RewriteCond HTTP HOST www mydomain de RewriteRule http www mydomain de 1 L R 301 但 这不适用于 https 所以我也希
  • HTML5:Iframe 没有滚动?

    当涉及到 HTML5 时 不再支持滚动属性 但我仍然需要删除滚动条 如何做到这一点 在 HTML5 中没有滚动属性 因为 它的功能由 CSS 更好地处理 参见http www w3 org TR html5 diff http www w3
  • Pandas 沿着多索引和单独索引进行切片

    我已经开始将 Pandas 用于一些大型数据集 并且大多数情况下它的效果都很好 不过 我对指数有一些疑问 我有一个具有三个级别的 MultiIndex 比如说 a b c 如何沿索引 a 进行切片 我只想要 a 5 7 10 13 的值 执
  • Android 地图 api-2 禁用点击

    我正在将我的一个应用程序迁移到 Android 地图 V2 我在地图上显示一个标记 并且不想将触摸事件发送到地图来更改位置 缩放级别等 在早期版本中 我可以通过设置禁用触摸android clickable false in the Map
  • 合并到具有不同列尺寸的 numpy 数组

    对于机器学习任务 我正在寻找一种方法来合并两个具有不同维度的特征矩阵 以便我可以将它们都提供给估计器 我无法使用 scipy 合并方法 因为这些方法需要兼容的形状 我可以使用 numpy 合并方法 但是当我实际尝试拆分数组进行交叉验证时 会
  • Kendo Template 复选框未触发单击事件

    我使用的 Kendo 模板如下 Scripts Module Analysis CreateMaintainAnalysis js gt
  • 如何使用 MockWebServer Android 测试用例模拟两个 API

    我正在执行仪器测试 因为我正在调用其中一个活动 该活动在创建活动时调用 2 个 API 现在我想为此活动编写仪器测试用例 我必须使用以下命令来模拟 API 响应模拟Web服务器莫基托 当我调用一个 API 时 我的模拟代码工作正常 但当同时
  • Visual Studio Code 禁用自动引用

    如何禁用自动引号功能 当我按下 或 键时 我永远不希望它在任何地方自动插入另一个 无论他们做得多么聪明 它对我来说都是 不可预测的 并分散了我对我正在尝试做的事情的注意力 做 我的打字速度超过 100 WPM 我真的不需要帮助敲击 或 键
  • WiX - 尝试使用 util:PermissionEx 设置服务的权限并收到错误 1

    问题WiX 安装 Windows 服务并授予权限 https stackoverflow com q 2381219 466321这正是我想做的 首先我添加了UtilExtension像这样的命名空间
  • 当尝试释放堆管理器分配的内存时会发生什么,而堆管理器分配的内存超出了要求的内存?

    这个问题是在一次采访中问我的 假设 char p malloc n 分配了 n 个以上的内存 即分配了 N 个字节的内存 并且使用 free p 来释放分配给 p 的内存 堆管理器可以执行这种错误的分配吗 现在会发生什么 是释放 n 个字节
  • 如何隐藏我无权访问的数据库

    当我连接到我的Heroku Postgresql数据库通过pgAdmin3 它列出了所有的表 大约2600个 每次我打开 pgAdmin3 时我都必须找到我自己的数据库 有没有办法隐藏我正在使用的数据库not allowed访问 也有同样的
  • 通过插件覆盖 Visual Studio 语法突出显示?

    这与我之前问过这个问题 https stackoverflow com questions 807404 displaying code sections with a different background color关于语法突出显示用
  • 是否可以获得所有活动会话的列表?

    当处于 Grails 操作中时 我可以使用以下命令访问 HTTPSessionsession 是否还可以获得所有活动会话的列表 这是评论中你的问题的答案 我能够在 2 2 4 上使用它 没有任何问题 请务必阅读此内容blog http bu
  • AngularJS / 如何防止 IE 触发自动输入验证?

    我有一些带有一些表格的页面 每个表单都包含一些字段约束 例如required和更多 我只想在用户与验证错误交互时显示错误 UX gt 是 确实 只要领域 pristine意味着没有触摸 不应该显示任何错误 我设法用很多浏览器来实现这个要求