模态弹出验证AngularJS

Posted 2023-05-09

【中文标题】模态弹出验证AngularJS

【英文标题】：Modal Pop Up validation AngularJS

【发布时间】：2016-05-20 06:13:54

【问题描述】：

我有我的代码，它在按钮单击时验证输入输入的格式，但是当我输入格式正确的值时，模态仍然显示。我想要的是，当输入格式正确时，不会显示模式弹出窗口。这是我的 plunker 链接：http://plnkr.co/edit/gCQ4tKNkd0LVZ57mSw4W?p=preview

jscode如图：

 $scope.upd_check = function(value)

    var patt = new RegExp("/^\d5$/");
    var res = patt.test(value);

    if(!res)
    
        $("#myModal").modal('show');
    

我正在使用 angularJS。任何帮助表示赞赏。谢谢

【参考方案1】：

嗯…… 1）您期望“价值”，但您没有提供任何东西。 2) 你的正则表达式是错误的。 3) 您需要对照“$scope.MyModel.text”或 ng-model="text" 检查正则表达式，然后评估“$scope.text”。 4）不要手动检查“regex.test”，这就是你使用ng-pattern的原因。检查文档以使用表单验证https://docs.angularjs.org/guide/forms

【讨论】：

感谢 @KobiCohen 我是 angularjs 的新手，如果您的时间不多，可以给我一个示例吗？

谢谢@KobeCohen 但是为什么我输入1时可以，没有模态但当我输入2、9和10时仍然显示模态？

这是由于我的正则表达式中的错误，我错误地将 /g 放在了末尾。删除它

谢谢@KobiCohen，我还有最后一个问题。如果我想将范围从 0 扩大到 65535 怎么办？

/(6553[0-5]|655[0-2][0-9]\d|65[0-4](\d)2|6[0-4 ](\d)3|[1-5](\d)4|[1-9](\d)0,3)/取自regexlib.com