在 oracle apex 中应用电话号码格式掩码

问题描述 投票:0回答:2

我的数据库中有电话号码字段。 我想将我的电话号码格式更改为“XXX-XXX-XXXX”,因为我不是在结果提交后才输入的

oracle-apex
2个回答
0
投票

请记住,最终,您的 APEX 页面几乎是一个 HTML 文档。也就是说,您可以使用任何您想要的 JavaScript 或 CSS 来调整它。

对于输入掩码,我的“首选”选项是:https://github.com/RobinHerbots/Inputmask

我尝试过很多 JS 库来屏蔽输入,其中一个最适合我的项目。

如果您不确定如何使用它,请看:

  1. 将主 dist 文件导入到您的应用程序中。使用可以将其上传到工作区、应用程序中,只要您能够在页面中引用它即可。

  2. 在您的 Pn_PHONE 页面项目中,转到 自定义属性 并输入您的掩码,即

    data-inputmask="'mask': '999-999-9999'"

  3. 页面加载时执行中输入以下代码:

    $(':input').inputmask();
    将掩码应用于带有
    data-inputmask
    的所有输入。

  4. 你已经完成了。

查看 JS 库用法以检查您可以使用的所有设置。


0
投票

在自定义属性中您可以添加:

onfocusout="this.value=(this.value).replace(/(\d{3})(\d{3})(\d{4})/, '($1) $2-$3')"

当您单击该字段外时,这将格式化数字。

© www.soinside.com 2019 - 2024. All rights reserved.