加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

angularjs – Angular ng-pattern崩溃浏览器

发布时间:2020-12-17 17:18:53 所属栏目:安全 来源:网络整理
导读:我们有一个用于电子邮件的正则表达式.我们的应用程序继承了正则表达式,所以它可能不是一个选项来切换它…无论如何,同样的一组步骤似乎会使浏览器中的 javascript崩溃.我已经能够在IE和Chrome中重现,但不能在Firefox中重现.这是代码: var mod = angular.modu
我们有一个用于电子邮件的正则表达式.我们的应用程序继承了正则表达式,所以它可能不是一个选项来切换它…无论如何,同样的一组步骤似乎会使浏览器中的 javascript崩溃.我已经能够在IE和Chrome中重现,但不能在Firefox中重现.这是代码:

var mod = angular.module("myApp",[]);

mod.controller("MainCtrl",function ($scope) {
    //Pattern that blows up the browser during ng-pattern
    $scope.emailPattern = /^(?!.*.{2})([a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+([.][a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*)@((([-]?[a-zA-Z0-9]){2,}[.])*(([a-zA-Z0-9][-]?){1,})+).(([.]([a-zA-Z0-9][-]?){2,}([a-zA-Z0-9])*)+)$/;


});

HTML:

<div ng-app="myApp" ng-controller="MainCtrl">
    <form name="emailForm" novalidate>
        <input type="text" ng-model="user.email" name="email" maxlength="80" required ng-pattern="emailPattern">
    </form>
    <br>
    {{user.email}}
</div>

Fiddle here.以下是导致浏览器崩溃的基本步骤:

>在文本框中键入一堆字母字符,直到它满了(其他输入可能有效,但这是我使用过的).
> Backspace 2个字符.
>按Home键返回输入的前面.
>输入字符:a @

这将使IE和Chrome一直崩溃.以前有人遇到过这个bug吗?任何已知的解决方法?

解决方法

我认为问题在于正则表达式本身.

如果您使用原始表达式访问任何正则表达式验证程序站点(如http://regexpal.com/),则会出现同样的问题(浏览器冻结).

更改:

$scope.emailPattern = /^(?!.*.{2})([a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+([.][a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*)@((([-]?[a-zA-Z0-9]){2,}([a-zA-Z0-9])*)+)$/;

至:

$scope.emailPattern = /^(?!.*.{2})([a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+([.][a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*)@((([-]?[a-zA-Z0-9]){2,}[.])*(([a-zA-Z0-9][-]?))+).(([.]([a-zA-Z0-9][-]?){2,}([a-zA-Z0-9])*)+)$/;

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读