npm 包 lord_truth 使用教程

阅读时长 6 分钟读完

什么是 lord_truth

lord_truth 是一个用于表单验证的自定义校验库。它提供了一些常见的表单验证规则,同时也支持自定义验证规则。

安装

使用 npm 安装 lord_truth:

使用

引入

在需要使用 lord_truth 的文件中引入:

或者:

基础验证

首先,我们来看一下如何对一个文本框进行非空验证:

lord_truth 中提供了如下常见的验证规则:

  • isEmpty(str):判断字符串是否为空
  • isEmail(email):判断字符串是否为合法的邮箱地址
  • isUrl(url):判断字符串是否为合法的 URL 地址
  • isIP(str):判断字符串是否为合法的 IP 地址
  • isPhone(phone):判断字符串是否为合法的手机号码
  • isPwd(pwd):判断字符串是否为合法的密码格式(至少包含字母和数字,且长度为6-16个字符)

除此之外,lord_truth 还提供了一些复杂的验证规则,比如:

  • isIDCard(idCard):判断字符串是否为合法的身份证号码
  • isAccount(account):判断字符串是否为合法的用户名,只支持中文、英文大小写、数字、下划线和减号
  • isDate(date):判断字符串是否为合法的日期格式,支持 yyyy-mm-dd 和 yyyy/mm/dd 两种格式
  • isPlateNumber(plateNumber):判断字符串是否为合法的车牌号码

自定义验证

如果 lord_truth 中提供的验证规则不满足需求,我们还可以自定义验证规则。

首先,我们需要使用 extend 方法来扩展校验规则:

上述代码中,我们定义了一个新的校验规则 isQQ,它用于验证字符串是否为合法的 QQ 号码。该规则的实现比较简单,只需要使用正则表达式来验证即可。其中,正则表达式 /^[1-9][0-9]{4,14}$/ 表示以非零开头,后面跟着 4-14 位数字的字符串。

接下来,我们可以使用 lord_truth.isQQ 方法来对 QQ 号码进行校验:

示例代码

下面是一个简单的 HTML 表单,使用 lord_truth 对表单进行非空验证和邮箱格式验证:

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

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

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

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

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

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

上述代码中,我们首先在页面中引入 lord_truth 库。在表单提交时,我们对用户名和密码进行非空验证,对邮箱进行格式验证。如果验证不通过,使用 alert 方法提示错误信息。否则,提示表单验证通过。

总结

lord_truth 是一个轻量级的表单验证库,提供了常见的验证规则,并支持自定义扩展。使用 lord_truth 可以大大简化表单验证的逻辑,提高开发效率。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6005668181e8991b448e2a65

纠错
反馈