Angular 2:使用正则表达式进行数字验证

2024-05-14

我正在尝试验证 IE 11 中的数字字段。

<input type="number" name="amount" [(ngModel)]="amount" (keypress)="validateNum($event) />

在打字稿中

private validateNum(event: KeyboardEvent): void {
    const pattern = /^\d{1,3}[.]\d{1,6}$/g;
    let inputChar = String.fromCharCode(event.charCode);
    if(!pattern.test(inputChar)) {
        event.preventDefault();
    }
}

这里我试图将输入限制为 3 位数字和 5 位小数。我面临的问题是,regEx 正在验证每个按下的键(按下 3 位数字后不验证),并且不允许输入任何数字。数量达到限制后如何验证数量?或者是否可以在 Angular2 中不使用正则表达式进行验证?我是 Angular 新手,需要建议。


Change keypress to blur。这样,当控件失去焦点时,它将运行验证。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Angular 2:使用正则表达式进行数字验证 的相关文章

  • Angular 6 + RxJS 6.0:如何将新元素推送到 Observable 包含的数组

    我从 firebase 服务器分块接收数据 同时渲染该数据需要一个坚持可观察包含数组的库 我不知何故无法将新的数据块推送到可观察到的现有数据块数组 从数据服务中 我通过主题的下一个调用并尝试添加新的 calEvent this homeWo
  • Jquery 点击处理程序两次后不工作

    我面临一个有点奇怪的问题 我正在使用 bing 翻译器 http www bing com widget translator http www bing com widget translator 并尝试使用他们的 API 自行定制它 这
  • 在javascript中从一个字节中获取两个半字节的最佳方法?

    我正在用 javascript 解析一个二进制文件 该文件每个字节存储两条信息 每个半字节一条信息 当然 这些值是 0 16 和 0 16 在文件格式的所有其他部分中 每个字节代表一条信息 因此我一直使用以下内容来成功获取我需要的数值 va
  • 在 Express Nodejs 中将图像文件转换为 Base64

    我正在尝试将图像文件转换为base64 这样我就可以以base64字符串形式存储在mongoDB中 这就是我尝试这样做的方式 router post file upload function req res function base64
  • Javascript 或 jQuery Flot 中的仪表图 [关闭]

    Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案 我正在尝试获得一个看起来像仪表的图表 我已经在其他图表中使用 jQuery Flot 那么是否可以使用 Flot 或纯 Javascrip
  • 回调月、周、日标题栏按钮点击?

    当用户单击日 周 月按钮时 我需要运行一些 Javascript 代码来重新加载日历 有没有类似的回调dayButtonClicked 或者其他的东西 BUG发生 当我第一次加载日历时 最初的视图看起来不错 我的最初加载日 一旦我加载另一个
  • 如何为 mocha 单元测试提供 chai Expect 自定义错误消息?

    我使用 chai 的期望进行了摩卡测试 it should parse sails out of cache file async gt const sailExtractor new Extractor const result awai
  • JS - 使用变量设置 Div 背景颜色

    基本上 我的一个朋友正在练习 JS 他想到了一个测试基本站点的想法 所以我说我们将进行一场比赛来完成它 此时我们都遇到了错误 我们在 JS 中创建了一种颜色 但是当我们需要输出时它就不起作用了 我有这个 document getElemen
  • ArrayBuffer 到 String、String 到 ArrayBuffer 方法

    这个问题过去已经得到了答案 但我肯定地说它仍然没有答案 一般而言 几乎都有关于 ArrayBuffers 的文档 更不用说特定应用程序了 我已经研究了好几天了 没有任何结果 本质上 我需要尝试转换从文件读取器获得的 ArrayBuffer
  • 忽略正则表达式匹配的空格

    我需要匹配 8 个或更多数字 其序列可以包含空格 例如 以下所有内容都是有效匹配 12345678 1 2345678 12 3 45678 1234 5678 12 34567 8 1 2 3 4 5 6 7 8 此刻我有 d 8 但这只
  • Javascript正则表达式单引号

    我的正则表达式是 var re a z A Z 1 15 我想允许这样 单引号 我怎样才能做到这一点 例如 您可以使用以下正则表达式来允许类似的字符串abcd dfgh A Za z A Za z
  • ReactJS 部署应用程序错误无法复制到剪贴板:命令失败:xsel --clipboard --input

    我正在尝试部署一个ReactJS我的应用程序乌班图16 04服务器但是当我执行命令时 serve s build 这是我的package json file name client version 0 1 0 private true de
  • 根据用户输入的边计算三角形面积和周长

    我正在尝试编写一个程序 根据用户的输入计算三角形的面积和周长 他们应该输入侧面 这就是我所拥有的一切 由于某种原因 我无法很好地理解而无法查找 它不起作用
  • 条件数据注释

    有没有办法使数据注释成为有条件的 我有一张桌子Party我存储组织和个人的地方 如果我要添加一个组织 我不需要该字段surname是必需的 但前提是我要添加一个人 public class Party Required ErrorMessa
  • Bootstrap 表单助手未选择完整的国家/地区名称

    我添加了引导表单助手来列出国家及其州 最初 它根本没有选择国家名称 但我设法用 jQuery 检索国家 地区名称 但它没有显示完整名称 这是表单的完整代码 div class signup form div class container
  • 选择移动 Web HTML5 框架 [关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi
  • 用于动态字符计数的 Jasmine 单元测试用例

    任何人都可以给我编写测试用例的例子来检查是否 jquery 和 jasmine 中调用 keyup 事件中的函数 我对 jquery 和 jasmine 相当陌生 所以对这些错误感到抱歉 当用户在输入字段中输入字符时 该程序显示剩余的字符数
  • 提取部分字符串值,创建新的列名称,并使数据框宽

    我想提取字符串列的最后一部分 始终用方括号括起来 将它们作为新列的名称 然后将数据从长调整为宽 并用这些值填充新列 例如 如果我有这个数据框 whatihave lt data frame v1 c abc effort def effor
  • 对原型绑定感到困惑,这个声明

    在下面的代码中 我想知道上下文如何绑定到this In obj myMethod 上下文被赋予对象 因此记录它会给出对象 In var myFun obj myMethod then myFun 上下文被赋予窗口 唯一的区别是您将函数设置为
  • “canvas.toDataURL(“image/png”)”在 Firefox 中无法正常工作

    我有一个带有文件输入字段的网页 我想 上传图像文件 使用上传的图像创建图像元素 把它画在画布上 获取画布的 DataURL 此过程适用于 Google Chrome 但不适用于 Mozilla Firefox 当我 console log

随机推荐