问题标签 [angularjs-ng-pattern]

我真的很挣扎。我需要强制用户在一个文本框中输入名字和姓氏。我使用 AngularJS，我想使用 ng-pattern 验证文本字段。该字段应接受所有字符，并且需要 2 个单词。这是输入：

我在控制器中有我的模式，如下所示：

有没有其他更好的方法来做到这一点。

我正在使用表单来获取用户详细信息。在我的姓名输入中，我只需要字母字符、空格和撇号。所以我创建了表单输入

但是，在我的表单中，如果我输入连字符或下划线字符，它仍然被视为有效输入。我做错了什么？

我正在开发一个角度应用程序，我需要在选择元素上进行模式验证。仅在 select 上使用 ng-pattern 不起作用。所以我创建了一个具有相同模型的隐藏输入，在隐藏输入上使用 ng-pattern，这也不起作用。所以我用 ng-pattern 创建了一个文本输入并通过 css 隐藏它。效果很好。

有没有更小的解决方法？

EDIT1：我想我应该补充一点，这些选项是由ng-options

EDIT2：相应地编辑了代码片段以显示我真正想要的。

我正在尝试将一个包装<input>在一个指令中，以便我可以处理日期验证并将其从字符串转换为实际Date对象并将Date版本维护在原始范围内。这种交互按预期工作。但是ng-patternon<input>元素的行为不正确。<input>无论输入什么，它都不会使.

HTML

JS

JSFiddle在这里：https ://jsfiddle.net/e5qu5rgy/1/

非常感谢任何帮助！

将 Angular JS 库升级到 1.4.1 后，使用 angular ngPattern 的模式验证不起作用。请参阅下面的代码。

见Plunker

提前致谢..

尝试使用ng-patternwith时遇到一个奇怪的问题input type number.

根据我定义的正则表达式，用户输入时应该显示错误1.。对？

但是，它在输入时不显示错误，1.但在输入时显示错误1.1为什么不1.呢？

我在这里缺少什么吗？

似乎找不到这方面的任何信息。是否可以在内容可编辑的 div 上使用 ng-pattern？当我尝试它不起作用时：

<div contenteditable="true" ng-model="x.number" ng-pattern='/^(\d)+$/'>{{ x.number }}</div>

更具体地说，当我输入无效条目时，div 元素上的 ng 验证类不会改变。

我对 ^[^\./:*\?\"<>\|]{1}[^\/:*\?\"<>\|]{0,254}$ 的正则表达式进行了 ng 模式验证它基本上测试了文件路径和限制中的无效字符。但是当我将 ng 模式指定为

，ng-pattern 以不正确的方式显示正则表达式。正确实现这一目标的任何帮助

我已经到达了具有这些条件的文件路径的正则表达式，

• 必须匹配 regex ^(\\\\[^\\]+\\[^\\]+|https?://[^/]+)，所以要么是 \server\share （可选地后跟一个或多个“\folder”），要么是 HTTP(S) URL
• 不能包含任何无效的路径名字符(",<,>, |)

如何在满足这些条件的 angular.js 中使用单个正则表达式

我们ng-pattern可以选择指定该字段应与特定模式匹配。

我们如何指定它不应该匹配指定的模式？

例子，

在这里，我不希望该字段与模式匹配。相反，如果模式匹配，我想显示错误。