问题标签 [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.
regex - 带有ng-pattern的Angularjs ui-mask
下面的代码不起作用..
当输入值为 时20:00:00
,formName.hhmmss.$error.pattern
则为true
。
如果删除ui-mask
:
当输入值为 时20:00:00
,formName.hhmmss.$error.pattern
则为false
。
如何在中使用正则表达式ng-pattern
?
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" 必填>');
regex - 如何使用 ng-pattern
我有一个简单的文本输入,我只想允许浮点数和整数(注意:玉)
但是它不起作用,我总是可以在输入中插入任何字符(我是否需要做更多才能显示某些内容?例如,如果它不正确,则为红色边框?或者应该只是那些字符甚至无法输入?)模式是一个正则表达式,因此不是一个字符串,所以应该没问题???
这是控制器:
这是生成的 HTML。这可能是问题吗?生成的 HTML 实际上有一个字符串,而不是正则表达式!?
regex - 角度输入 ng-pattern 清理正则表达式
任何人都可以推荐一个正则表达式,它会拒绝任何带有字符的字符串,这些字符应该被转义以用于角度形式的输入,例如......
是的,我知道这不是清理用户输入的好方法。在与后端通信并在后端进行全面清理之前,我也在使用 $sanitize。
javascript - 仅当字段为 $dirty 时如何应用 ng-pattern
我有一个输入框,上面有一个用于基本链接验证的 ng 模式。我们的 PM 希望我们在用户开始编辑之前在输入中已经有“http://”文本......但是我不能只是把这个文本放在那里,因为它会破坏 ng-pattern 验证,因此不会不出现。
作为参考,link_pattern 定义为
我正在重新表述我的问题以进行澄清(这不是我担心的样式,这已经有效) 我有没有办法在我的输入字段中有真实的文本(不是占位符)“http://”和仍然有链接模式验证
当用户看到输入框时,我希望文本“http://”在那里(现在它只是一个占位符),这样他们就不必自己输入了。
javascript - ng 模式,仅允许在输入文本框中使用“-”
是否有任何模式只允许在输入文本框中输入“-”并拒绝输入其他特殊字符,如@、#、$ 等。我尝试了ng-pattern="/^[a-zA-Z0-9]*$/"
拒绝在该字段中输入所有特殊字符的模式。
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 事件以编程方式执行此操作,但我正在寻找任何自动方式
javascript - 使用错误的 ng-pattern 重置 angularjs 表单字段
嘿朋友们,你能告诉我如何以更少的步骤重置表单值,而不是让每个值都为空吗?
我有一个允许字母的模式,当我尝试重置表单时,我希望输入和错误消息都消失了。$setPristine 仅在我输入正确的模式并重置时才清除表单,但我希望像 453453 / =-=- 这样的错误输入与重置时的错误样式一起消失。
请帮忙..
javascript - 使用 angularJs ng-Pattern 进行 10 位正则表达式验证
我希望我的输入字段之一恰好有 10 位数字。我ng-pattern
以下列方式使用过
问题是这个表达式允许用户输入超过 10 位的数字字符串,而我想只允许 10 位数字。我的正则表达式或我的理解有问题ng-pattern
吗?