mvalidator 可以用于验证输入是否合法。在前端开发中,很多表单都需要验证输入的合法性,如邮箱、电话号码、日期等。
安装
使用 npm 进行安装:
npm install mvalidator --save
使用方法
var mvalidator = require('mvalidator');
isEmail(email)
验证邮箱格式是否正确,返回值为 Boolean 类型。
var isEmail = mvalidator.isEmail('example@mail.com'); console.log(isEmail); // true
isMobilePhone(phone, locale)
验证电话号码是否正确,返回值为 Boolean 类型。locale 为手机号码的国际化区号,可以传入 'zh-CN' 表示中国区号。
var isMobilePhone = mvalidator.isMobilePhone('13800138000', 'zh-CN'); console.log(isMobilePhone); // true
isDate(str)
验证日期格式是否正确,返回值为 Boolean 类型。
var isDate = mvalidator.isDate('2021-10-01'); console.log(isDate); // true
实践示例
表单验证
在表单提交时进行验证,若输入格式不正确则阻止表单提交。
-- -------------------- ---- ------- ----- ---------------- ------------ ------ ----------------------- ------ ------------ ---------- --------- ---- ------ ----------------------- ------ ---------- ---------- --------- ---- ------ ---------------------- ------ ----------- --------- --------- ---- ------- ------------------------- -------
-- -------------------- ---- ------- -------- ---------- - --- ----- - --------------------------------------- --- ----- - --------------------------------------- --- ---- - -------------------------------------- -- ---------------------------- - ----------------- ------ ------ - -- --------------------------------- --------- - ----------------- ------ ------ - -- -------------------------- - ----------------- ------ ------ - ------ ----- -
注意事项
mvalidator 只验证输入格式是否正确,非输入内容是否合法。如手机号码是否存在,需要使用其他方式进行验证。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6005663b81e8991b448e23aa