编程语言
首页 > 编程语言> > javascript-AngularJS /如何防止IE触发自动输入验证?

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

作者:互联网

我有一些表格.
每个表格都包含一些对字段的约束,例如必填项和更多内容.

我只想在用户与验证互动时显示验证错误(UX?=>是).
的确,只要该字段是$pristine意味着没有被触摸,就不会显示任何错误.

除了Internet Explorer(尤其是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)中运行它……令人失望.
为什么?因为任何键入的字符都将AFTER事件处理程序(例如$watch等)考虑在内,从而导致期望值与发生的事件之间发生转换.
很遗憾,因为它以前在Safari Mobile中运行良好.

因此,实际的难题是:优先考虑Safari Mobile或IE

标签:angularjs,forms,mobile-safari,internet-explorer,javascript
来源: https://codeday.me/bug/20191122/2057707.html