我在angular中创建了一个表单,要求名称字段只包含字母数字字符和空格。为此,我使用了模式属性:
<input type="text" class="form-control" placeholder="Name" name="Name" [(ngModel)]="name" required pattern="/^[a-z\d-_\s]+$/i" #nameField="ngModel">
并且我有以下错误消息,我想在字符串不匹配时显示:
<div *ngIf="nameField.errors">
<div [hidden]="!nameField.errors.pattern">
<p class="has-error">
Only spaces, letters, and numbers are allowed.
</p>
</div>
</div>
然而,即使字符串应该与正则表达式匹配,我仍然可以看到错误消息。有什么想法吗?
你可以用
pattern="^[\w\s-]+$"
< code>[A-Za-z\d_]与JavaScript本地正则表达式中的< code>\w匹配相同的字符。因此,整个模式匹配一个或多个ASCII字母、数字、下划线、连字符或空格。
注意,默认情况下,angular锚定模式,但是最好在模式中保持锚^
和< code>$显式,以使它与任何其他框架兼容。
我想这里的问题是regex的语法格式不正确:
<form novalidate #f="ngForm" novalidate>
<input type="text"
class="form-control"
placeholder="Name" name="Name"
[(ngModel)]="name"
required pattern="^[A-Z\\a-z\\d-_\\s]+$"
#nameField="ngModel" >
<div>
<div *ngIf="nameField.errors?.pattern">
<p class="has-error">
Only spaces, letters, and numbers are allowed.
</p>
hame: {{nameField.errors | json}}
</div>
</div>
</form>
看看这个笨蛋
我需要制作一个密码模式验证器 密码应具有: < li>1个大写字母 < li>1个小写字母 < li >一个号码 < li >最小长度为8。 我发现了这个正则表达式模式: 然而,验证器总是声称我的输入无效 根据 https://regex101.com/r/AfAdKp/1 此值应该是有效的。 编辑:澄清一下,Test1234应该可以工作
要求: 在我的角度应用程序中,用户密码应符合以下要求, < li >最少八个字符 < li >至少一个大写字母 < li >至少一个小写字母 < li >至少一个号码 < li >至少一个特殊字符 问题: 对于上述要求,我使用下面的正则表达式。 前任:1F4@sf5s6,18F4@sf5s6 问题: Q1:这个正则表达式不符合我的要求吗? Q2:如何解决这个问题? Q3:有没有其他方法来实现这个要
主要内容:标签属性,JSF验证整数范围实例标签用于将字符串值验证为所需格式。 以下代码显示如何使用标记。 标签属性 属性 说明 pattern 格式化模式 JSF验证整数范围实例 打开 NetBeans IDE 创建一个Web工程:ValidateRegularExpression,其目录结构如下所示 - 创建以下文件代码,文件:index.xhtml 的代码内容如下所示 - 文件:result.xhtml 的代码内容如下所示 - 文件:
我有以下用于javascript密码验证的正则表达式: 正则表达式规则是: 12-25个字符 至少有一个大写字母 至少有一个小写字母 至少有一个数字 至少有一个特殊字符:!#$%()*,-./:;=?@[]^ `{124;}~ 然而,正则表达式似乎不起作用。它匹配任何字符。我该怎么解决这个问题?
本文向大家介绍js正则表达式验证表单【完整版】,包括了js正则表达式验证表单【完整版】的使用技巧和注意事项,需要的朋友参考一下 效果图: 图(1)初始图 图(2)填入信息校验 代码如下: 以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持呐喊教程!
本文向大家介绍Javascript的表单验证-初识正则表达式,包括了Javascript的表单验证-初识正则表达式的使用技巧和注意事项,需要的朋友参考一下 推荐阅读:Javascript的表单验证长度 Javascript的表单验证-提交表单 Javascript的表单验证-揭开正则表达式的面纱 JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。 验证日期