在前端开发中，我们经常需要处理用户的输入，例如验证输入的合法性、对输入进行格式化等等。而针对输入处理，我们可以使用 enjoy-js 这个 npm 包加快我们的开发速度。
什么是 enjoy-js
enjoy-js 是一个轻量级的 JavaScript 库，能够帮助我们更方便地处理和验证用户的输入。它提供了一系列简单易用且灵活的函数，帮助我们快速进行输入处理。
如何安装
在开始使用 enjoy-js 之前，我们需要先在项目中安装它。我们可以使用 npm 包管理器进行安装，也可以直接从 GitHub clone 代码。
npm install enjoy-js
如何使用
安装完 enjoy-js 之后，我们就可以在代码中引用它了：
const enjoy = require('enjoy-js')enjoy-js 提供了很多输入处理相关的函数，下面介绍一些常用的函数。
isEmpty
判断输入值是否为空（包括字符串、数组、对象）。
enjoy.isEmpty('') // true
enjoy.isEmpty([]) // true
enjoy.isEmpty({}) // true
enjoy.isEmpty(null) // true
enjoy.isEmpty(undefined) // true
enjoy.isEmpty('hello') // false
enjoy.isEmpty([1, 2, 3]) // false
enjoy.isEmpty({a: 1}) // falseisEmail
判断输入值是否为 Email 地址。
enjoy.isEmail('abc@def.com') // true
enjoy.isEmail('abc@def.com.cn') // true
enjoy.isEmail('abc.def@ghi.com') // true
enjoy.isEmail('123@456.com') // true
enjoy.isEmail('@example.com') // false
enjoy.isEmail('abc@def') // false
enjoy.isEmail('abc@') // false
enjoy.isEmail('abc') // falseisMobilePhone
判断输入值是否为手机号码。
enjoy.isMobilePhone('13800000000') // true
enjoy.isMobilePhone('13912345678') // true
enjoy.isMobilePhone('12345678901') // false
enjoy.isMobilePhone('1580000000x') // false
enjoy.isMobilePhone('10086') // false
enjoy.isMobilePhone('+8613800000000') // true
enjoy.isMobilePhone('008613800000000') // trueisURL
判断输入值是否为 URL 地址。
enjoy.isURL('https://www.example.com') // true
enjoy.isURL('www.example.com') // false
enjoy.isURL('example.com') // false
enjoy.isURL('http://localhost:3000') // true
enjoy.isURL('http://localhost:3000/users/1') // truetruncate
将输入值截断到指定长度，超出部分用 ... 代替。
enjoy.truncate('hello world!', 5) // 'hello...'
enjoy.truncate('a very long sentence', 10) // 'a very lon...'
enjoy.truncate('a', 2) // 'a'
enjoy.truncate('abc', 0) // ''uniqueArray
将输入数组去重。
enjoy.uniqueArray([1, 2, 2, 3, 4, 4, 4, 5]) // [1, 2, 3, 4, 5] enjoy.uniqueArray(['a', 'b', 'b', 'c']) // ['a', 'b', 'c'] enjoy.uniqueArray([]) // []
示例代码
下面是一个简单的 HTML 表单，使用 enjoy-js 验证输入的有效性。
-- -------------------- ---- -------
--------- -----
------
------
--------------- ------------
-------
------
----- ------------
------ ---------------------------
------ ----------- ------------- --------------------
------ --------------------------
------ --------------- ------------- --------------------
------ ------------- -----------
-------
------- -----------------------
----- ---- - ---------------------------------
------------------------------- -------- ------- -
----------------------
----- -------- - ----------------------------
----- -------- - ----------------------------
-- ------------------------- -
-----------------
------
-
-- ------------------------- -
----------------
------
-
-- -------------------------- -
------------- ----- -----
------
-
--------------
--
---------
-------
-------此代码中，我们使用 enjoy-js 的 isEmpty 和 isEmail 函数对用户名和密码进行验证。如果验证失败，会弹出相应的提示框；如果验证通过，则会弹出“验证通过！”的提示框。
总结
enjoy-js 是一个方便实用的 JavaScript 库，能够帮助我们更方便地处理和验证用户的输入。加强对输入处理的学习和使用，能够让我们的开发效率更高、更快捷。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e25a563576b7b1ece69