问题标签 [ng-pattern]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
8040 浏览

regex - 带有ng-pattern的Angularjs ui-mask

下面的代码不起作用..

当输入值为 时20:00:00formName.hhmmss.$error.pattern则为true

如果删除ui-mask

当输入值为 时20:00:00formName.hhmmss.$error.pattern则为false

如何在中使用正则表达式ng-pattern

0 投票
1 回答
484 浏览

angularjs - AngularJS ng-pattern regEx在使用templateCache时不起作用

我在下面的文本字段中使用 ng-pattern 进行验证并使用 ng-message 显示消息。验证适用于正则表达式(/^\d+$/ 或 /^[0-9]+$/),但由于某种原因,即使对于数字输入,正则表达式(/^\d+$/)也会返回 false同时与模板缓存一起使用。我无法弄清楚这两种方法之间的问题。请找到以下模板缓存输出。任何帮助表示赞赏。

input type="text" ng-model="appId" name="appId" class="new-app" ng-pattern="/^\d+$/" placeholder="Enter an Application ID" 必填

信息 :

div ng-message="pattern" class="error-messages"

不使用模板缓存:

input type="text" ng-model="appId" name="appId" class="new-app" ng-pattern="/^\d+$/" placeholder="Enter an Application ID" 必填

使用 templateCaching 和作为一个单独的视图文件:

input type="text" ng-model="appId" name="appId" class="new-app" ng-pattern="/^[0-9]+$/" placeholder="Enter an Application ID" 必填

$templateCache.put('/views/layouts/test.html', '<input type="text" ng-model="appId" name="appId" class="new-app" ng-pattern="/^ [0-9]+$/" placeholder="输入应用程序 ID" 必填> <input type="text" ng-model="appId" name="appId" class="new-app" ng-pattern=" /^\d+$/" placeholder="输入应用程序 ID" 必填>');

0 投票
2 回答
17166 浏览

regex - 如何使用 ng-pattern

我有一个简单的文本输入,我只想允许浮点数和整数(注意:玉)

但是它不起作用,我总是可以在输入中插入任何字符(我是否需要做更多才能显示某些内容?例如,如果它不正确,则为红色边框?或者应该只是那些字符甚至无法输入?)模式是一个正则表达式,因此不是一个字符串,所以应该没问题???

这是控制器:

这是生成的 HTML。这可能是问题吗?生成的 HTML 实际上有一个字符串,而不是正则表达式!?

0 投票
1 回答
490 浏览

regex - 角度输入 ng-pattern 清理正则表达式

任何人都可以推荐一个正则表达式,它会拒绝任何带有字符的字符串,这些字符应该被转义以用于角度形式的输入,例如......

是的,我知道这不是清理用户输入的好方法。在与后端通信并在后端进行全面清理之前,我也在使用 $sanitize。

0 投票
3 回答
2082 浏览

javascript - 仅当字段为 $dirty 时如何应用 ng-pattern

我有一个输入框,上面有一个用于基本链接验证的 ng 模式。我们的 PM 希望我们在用户开始编辑之前在输入中已经有“http://”文本......但是我不能只是把这个文本放在那里,因为它会破坏 ng-pattern 验证,因此不会不出现。

作为参考,link_pattern 定义为

我正在重新表述我的问题以进行澄清(这不是我担心的样式,这已经有效) 我有没有办法在我的输入字段中有真实的文本(不是占位符)“http://”和仍然有链接模式验证

当用户看到输入框时,我希望文本“http://”在那里(现在它只是一个占位符),这样他们就不必自己输入了。

0 投票
1 回答
4628 浏览

javascript - ng 模式,仅允许在输入文本框中使用“-”

是否有任何模式只允许在输入文本框中输入“-”并拒绝输入其他特殊字符,如@、#、$ 等。我尝试了ng-pattern="/^[a-zA-Z0-9]*$/"拒绝在该字段中输入所有特殊字符的模式。

0 投票
0 回答
164 浏览

javascript - ng-pattern 检查 ng-minlength 和前缀 0 直到长度很短

在我的文本框中,它只允许数字(我可以使用 type=number)并且我必须满足 8 个字符的长度。我可以使用 ng-minlength 来做到这一点。但是数字的范围可能从 4 位开始,如果长度小于 8 个字符,我不希望我的用户在开头写额外的 0。

例如,如果值为2015,那么我的预期值将00002015与文本框中的值相同。因此,用户需要在写入他的实际值之前写入额外的 4 个额外的 0。这不是一种有效的数据输入方式。

我的问题是,有什么方法可以在用户输入他的号码后自动在我的 textbox / ng-model 变量中的值的前缀中设置 0 ?我可以使用 ng-change 和 ng-blur 事件以编程方式执行此操作,但我正在寻找任何自动方式

0 投票
2 回答
1484 浏览

javascript - 使用错误的 ng-pattern 重置 angularjs 表单字段

嘿朋友们,你能告诉我如何以更少的步骤重置表单值,而不是让每个值都为空吗?

我有一个允许字母的模式,当我尝试重置表单时,我希望输入和错误消息都消失了。$setPristine 仅在我输入正确的模式并重置时才清除表单,但我希望像 453453 / =-=- 这样的错误输入与重置时的错误样式一起消失。

请帮忙..

0 投票
1 回答
819 浏览

angularjs - 为什么在禁用输入字段时评估 ng-pattern

为什么在禁用输入字段时角度评估模式。它的行为应该与隐藏输入字段时的行为相同吗?

检查这个小提琴, 小提琴供参考

附上图片供参考
输入字段处于活动状态

当它被禁用时

0 投票
1 回答
9012 浏览

javascript - 使用 angularJs ng-Pattern 进行 10 位正则表达式验证

我希望我的输入字段之一恰好有 10 位数字。我ng-pattern以下列方式使用过

问题是这个表达式允许用户输入超过 10 位的数字字符串,而我想只允许 10 位数字。我的正则表达式或我的理解有问题ng-pattern吗?