什么是 lord_truth
lord_truth 是一个用于表单验证的自定义校验库。它提供了一些常见的表单验证规则,同时也支持自定义验证规则。
安装
使用 npm 安装 lord_truth:
npm install lord_truth --save
使用
引入
在需要使用 lord_truth 的文件中引入:
import lord_truth from 'lord_truth';
或者:
const lord_truth = require('lord_truth');
基础验证
首先,我们来看一下如何对一个文本框进行非空验证:
const value = ' '; if (lord_truth.isEmpty(value)) { console.log('值不能为空'); }
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
方法来扩展校验规则:
lord_truth.extend('isQQ', (qq) => { return /^[1-9][0-9]{4,14}$/.test(qq); });
上述代码中,我们定义了一个新的校验规则 isQQ
,它用于验证字符串是否为合法的 QQ 号码。该规则的实现比较简单,只需要使用正则表达式来验证即可。其中,正则表达式 /^[1-9][0-9]{4,14}$/
表示以非零开头,后面跟着 4-14 位数字的字符串。
接下来,我们可以使用 lord_truth.isQQ
方法来对 QQ 号码进行校验:
const qq = '123456'; if (lord_truth.isQQ(qq)) { console.log('QQ 号码格式符合要求'); } else { console.log('QQ 号码格式不符合要求'); }
示例代码
下面是一个简单的 HTML 表单,使用 lord_truth 对表单进行非空验证和邮箱格式验证:
-- -------------------- ---- ------- --------- ----- ----- ---------- ------ ----- --------------- -- ----------- ------------------ ------- ------ ------ ----- ------------------- ------ ----------- ------------- -- ------ ----- ------------------ ------ --------------- ------------- -- ------ ----- ------------------ ------ ----------- ---------- -- ------ ----- ------ ------------- ---------- -- ------ ------- ------- ------------------------------------------------------------------------------ -------- ----- ---- - ------------------------------- ------------------------------- ------- -- - ----------------------- ----- -------- - ------------------------------------------ ----- -------- - ------------------------------------------ ----- ----- - --------------------------------------- -- ------------------------------ - ----------------- ------- - -- ------------------------------ - ---------------- ------- - -- ---------------------------- - ----------------- ------- - ---------------- --- --------- ------- -------
上述代码中,我们首先在页面中引入 lord_truth 库。在表单提交时,我们对用户名和密码进行非空验证,对邮箱进行格式验证。如果验证不通过,使用 alert
方法提示错误信息。否则,提示表单验证通过。
总结
lord_truth 是一个轻量级的表单验证库,提供了常见的验证规则,并支持自定义扩展。使用 lord_truth 可以大大简化表单验证的逻辑,提高开发效率。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6005668181e8991b448e2a65