npm包 mvalidator 使用教程

阅读时长 3 分钟读完

mvalidator 可以用于验证输入是否合法。在前端开发中,很多表单都需要验证输入的合法性,如邮箱、电话号码、日期等。

安装

使用 npm 进行安装:

使用方法

isEmail(email)

验证邮箱格式是否正确,返回值为 Boolean 类型。

isMobilePhone(phone, locale)

验证电话号码是否正确,返回值为 Boolean 类型。locale 为手机号码的国际化区号,可以传入 'zh-CN' 表示中国区号。

isDate(str)

验证日期格式是否正确,返回值为 Boolean 类型。

实践示例

表单验证

在表单提交时进行验证,若输入格式不正确则阻止表单提交。

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

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

注意事项

mvalidator 只验证输入格式是否正确,非输入内容是否合法。如手机号码是否存在,需要使用其他方式进行验证。

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

纠错
反馈