npm 包 express-dee-validator 使用教程

引言

在前端开发过程中,表单验证是不可或缺的一部分。而 express-dee-validator 是基于 Express 框架的表单验证库,可以帮助我们更方便地验证表单里的数据。本文就详细介绍 express-dee-validator 的使用方法,并配有相关示例代码。

express-dee-validator 基础使用

安装

在终端中,输入以下命令来安装 express-dee-validator:

--- - ---------------------

安装完成之后,应在项目中加入依赖项:

----- ---------------- - ---------------------------------

使用

在使用前,应确保 Express 应用程序已经初始化。

----- ------- - -------------------
----- --- - ----------

在初始化之后,可以使用以下代码来初始化 express-dee-validator:

----------------------------

在这之后,就可以在请求中使用验证器函数。

验证器函数

express-dee-validator 提供了许多内置验证器。以下是其中一些此库内置的验证器:

  • isEmail() – 验证电子邮件地址格式是否正确。
  • isMobilePhone() – 验证手机号码的格式是否正确,支持多个国家。
  • isURL() – 验证 URL 地址格式是否正确,支持 http, https, ftp 等。
  • isNumeric() – 验证字符串是否只含数字。

可以通过以下方式来使用其中一个函数:

----------------------- ------ -- ---------------------

以上代码中的 checkQuery() 函数用于验证查询字符串。如果需要验证其他字段类型,可以使用 check('fieldname', 'message') 或 checkBody(),checkParams()等函数来替代。

错误处理

如果验证器函数提供的错误无法通过以下命令自动检测:

----- ------ - -----------------------

可以自定义错误响应。

---------------- ----- ---- ---- ----- -
   --------------------------
---

以上代码在出现错误时,将向客户端响应。

express-dee-validator 进阶使用

自定义验证规则

尽管 express-dee-validator 提供了内置的验证器函数,但在实际开发中,我们经常需要使用自己的验证规则。这时,我们可以使用自定义验证规则。

请看以下示例:

---------------------------------------------- - -------- ----- -
   ------ --- --- ----------
--

--------------------
   ----- ---- -- -
      ------------------------------------
      ----- ------ - -----------------------
      -- -------- -
         ---------------------- ------ ---
      - ---- -
         --------------------
      -
   -
--

通过上述代码,我们给验证器添加了一个新的验证规则 isAwesome(),该规则检查字符串是否为单词 “awesome”。当检查时,可以使用 checkBody()、checkParams()、checkQuery() 等。

自定义错误消息

如果您需要提供与内置消息不同的错误消息,可以使用 withMessage() 函数。

------------------ ------ -- ----------------------------------------- ----- ------- ------------

通过以上代码,我们可以使用与内置错误消息不同的消息。

自定义参数化错误消息

如果需要为消息中提供更多上下文,例如将字段名添加到错误消息中,可以使用匿名函数。在该函数中,第一个参数是一个消息,第二个参数是验证器函数数据(必须有,否则该函数将不执行)中的参数。

以下是一个使用自定义错误消息的示例:

------------------------------------
   ----- ---------- - -----------------
   -------------------- - - -- ------------- --- ---------------
      ----- --- -------------- ----------
   -
--------------------- ---- -- ---- ----------- ----------

在以上示例中,我们将错误消息设置为:‘Email must be from example.com domain.’,这样我们的用户就可以获得关于错误更精确的描述信息。

进行异步验证

如果您想使用异步调用来处理验证,请使用 promise。

---------------------- ------ --- ------------------------------- -- -
   ------ --- ----------------- ------- -- -
      ------------- -- -
         -- ------ --- ------------------ -
            ---------
         - ---- -
            ----------
         -
      -- ------
   ---
---

在上述代码中,我们对电子邮件进行基本验证,然后使用自定义值为“joe@example.com”的异步验证。

结论

本篇文章深入讲解了基于 Express 框架的验证库 express-dee-validator 的使用方法,包括基础使用及进阶使用。从操作上详细展示了如何快速便捷地验证表单内容,提高前端开发效率。同时,也完整地讲述了自定义验证规则、消息及异步验证等高级使用方法。可以对前端开发者实际工作起到参考和指导的作用。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/600558d581e8991b448d626f


猜你喜欢

  • npm 包 nodejs-disks-win32 使用教程

    简介 nodejs-disks-win32 是一个 Node.js 模块,用于获取 Windows 操作系统下可用的磁盘信息。其通过调用底层 Windows API 来获取磁盘信息,所以只能在 Win...

    2 年前
  • NPM包keep-iris使用教程

    介绍 keep-iris 是一个前端常用的 NPM 包,它提供了一种快速创建全屏滚动网站的解决方案。 使用 keep-iris 可以轻松地创建富有创意、交互性和用户友好性的全屏幻灯片,实现滚动效果和页...

    2 年前
  • npm 包 @bockit/sh 使用教程

    在前端开发中,我们常常需要使用第三方的库来辅助我们完成项目需求。而 npm 是我们常用的包管理工具之一,可以让我们更方便地引入和管理第三方包。本文将介绍一个常用的 npm 包 @bockit/sh,并...

    2 年前
  • npm 包 @harold4/string-escape-for-cpp 使用教程

    在前端开发中,我们经常需要将字符串传递给后端,尤其是对于 C++ 开发者来说。但是,由于 C++ 的字符串表达方式与 JavaScript 不同,可能会出现一些问题。

    2 年前
  • npm 包 allex_notanallexerrorerrorlowlevellib 使用教程

    在前端开发中,经常需要使用各种包来协助开发工作,而 npm 是目前最为流行的包管理工具之一。在众多 npm 包中,allex_notanallexerrorerrorlowlevellib 是一个非常...

    2 年前
  • npm 包 latest-lib-cli 使用教程

    在前端开发中,我们经常需要使用多种不同的 JavaScript 库和框架,其中一部分是开发者自己编写的,另一部分则来自于开源社区。而这些开源项目往往都被发布到了 npm 仓库中,方便我们使用。

    2 年前
  • npm 包 tpaxx-allotment 使用教程

    tpaxx-allotment 是一款前端开发的 npm 包,可以帮助我们快速实现页面中常用的布局和排版。它是基于 Flexbox 和 Grid 布局的,拥有强大的格式化功能,让我们在前端开发中更加高...

    2 年前
  • npm 包 vue-nz 使用教程

    Vue-nz 是一个基于 Vue.js 和 Element UI 框架的 UI 组件库,其中包含大量常用的 UI 组件,如表单、表格、按钮、对话框等,可以大大提高前端开发效率。

    2 年前
  • npm 包 atscntrb-hx-kernelats 使用教程

    背景 在使用前端技术制作网站或应用程序的过程中,我们经常需要使用到不同的第三方库和框架,这些库和框架大大提升了我们的开发效率和代码质量。而 npm(Node Package Manager)是前端开发...

    2 年前
  • npm 包 dictionary-trie 使用教程

    概述 dictionary-trie 是一个基于 Trie 树的 JavaScript 字典库实现。它可以用来处理文本中的单词查找、单词拼写检查等常见问题。本文将介绍如何使用该 npm 包。

    2 年前
  • npm 包 jud-html5 使用教程

    在 Web 前端开发中,HTML5 是必不可少的技术,而 jud-html5 是一款 npm 包,为我们提供了丰富的 HTML5 常用方法和工具库。本文将详细介绍 jud-html5 的用法,并提供示...

    2 年前
  • npm 包 yosbd-nodejs-disks 使用教程

    前言 在进行前端开发时,我们常常需要进行文件的读写操作。而 yosbd-nodejs-disks 这个 npm 包可以为我们提供便利。本文将详细介绍 yosbd-nodejs-disks 的使用方法和...

    2 年前
  • npm 包 prefix-ns 使用教程

    在前端开发中,可能会使用多个模块化的 JavaScript 库或框架来构建项目,这些模块化库中的 CSS 类名往往有可能出现命名冲突。prefix-ns 就是一个解决这个问题的 npm 包。

    2 年前
  • npm 包 rash 使用教程

    简介 Rash 是一个基于 React 和 SVG 技术栈的开源 UI 库。它提供了丰富的 UI 组件,方便开发者快速构建 Web 应用程序。 安装 使用 npm 包管理器进行安装: --- ----...

    2 年前
  • npm 包 parse-server-sendmail-template-adapter 使用教程

    介绍 parse-server-sendmail-template-adapter 是一个使用 Node.js 编写的 npm 包,用于在 parse-server 中解析模板并发送邮件。

    2 年前
  • npm 包 text-mask-all-2 使用教程

    介绍 text-mask-all-2 是一个适用于前端开发的 npm 包。它通过在输入框中的文本添加掩码,能够对输入的格式进行标准化、限定和格式化。text-mask-all-2 支持几乎所有类型的掩...

    2 年前
  • NPM 包 urlkit 使用教程

    NPM 包 urlkit 使用教程 作为前端工程师,我们时常需要进行 URL 的处理和解析。urlkit 就是一款非常优秀的封装了 URL 相关操作的 NPM 包,它可以帮助我们轻松地进行 URL 解...

    2 年前
  • npm 包 github-projects 使用教程

    前言 随着互联网的发展,开源项目越来越受到开发者的推崇,Github 也成为了开源项目的最佳托管平台。对于前端开发者来说,了解 Github 上的开源项目,能够有效地提升自己的技术水平和工作效率,同时...

    2 年前
  • npm 包 omi-tree 使用教程

    当我们需要展示一个树形结构的数据时,可以使用 omi-tree 这个 npm 包。它基于 Web Components 技术,使用简单,代码清晰,功能丰富。本篇文章将详细介绍这个 npm 包的使用教程...

    2 年前
  • npm 包 webpack-entry-maker 使用教程

    什么是 webpack-entry-maker webpack-entry-maker 是一个 npm 包,用于生成 webpack 的入口文件。它通过解析文件路径和文件名来生成入口文件,支持手动指定...

    2 年前

相关推荐

    暂无文章