当前位置: 首页 > 知识库问答 >
问题:

角2表单验证模式正则表达式错误

秦俊友
2023-03-14

我在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>

然而,即使字符串应该与正则表达式匹配,我仍然可以看到错误消息。有什么想法吗?

共有2个答案

郑佐
2023-03-14

你可以用

pattern="^[\w\s-]+$"

< code>[A-Za-z\d_]与JavaScript本地正则表达式中的< code>\w匹配相同的字符。因此,整个模式匹配一个或多个ASCII字母、数字、下划线、连字符或空格。

注意,默认情况下,angular锚定模式,但是最好在模式中保持锚^和< code>$显式,以使它与任何其他框架兼容。

房育
2023-03-14

我想这里的问题是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 表单中的这些输入数据进行验证。 验证日期