npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

validate-provider

v1.0.33

Published

验证提供方

Downloads

8

Readme

validate-provider

验证提供方, 作为管理验证函数的容器. 基于Promise

支持:

  • 验证函数中返回布尔值, 则代表验证状态
  • 验证函数中抛出异常, 则验证失败, 并将异常error.message作为验证失败消息
  • 验证函数可以是Promise方法

Install And Usega

Using Browser:

<script src="./dist/index.js"></script>
<script>
    var provider = new ValidateProvider();

    provider.add(
        "IsPhone",
        (val: string) => {
            return /^(13[0-9]|15[0123456789]|17[03678]|18[0-9]|14[57])[0-9]{8}$/.test(val);
        },
        "手机号不正确"
    );

    provider
        .get("IsPhone")
        .method("[email protected]")
        .then(() => {
            console.log("验证成功");
        })
        .catch((error) => {
            console.log("验证失败, 原因:", error.message);
        });
</script>

Or Using npm:

npm install --save validate-provider
import { ValidateProvider } from "validate-provider";

// 实例化验证提供方
var provider = new ValidateProvider();
// 添加验证函数到容器
provider.add(
    "IsPhone",
    (val: string) => {
        return /^(13[0-9]|15[0123456789]|17[03678]|18[0-9]|14[57])[0-9]{8}$/.test(val);
    },
    "手机号不正确"
);
// 执行验证函数
provider
    .get("IsPhone")
    .method("[email protected]")
    .then(() => {
        console.log("验证成功");
    })
    .catch((error) => {
        console.log("验证失败, 原因:", error.message);
    });

验证提供方使用

  • provider.add(name: string, method: Function, errMsg?: string) 添加验证函数
  • provider.addByMethodRegister(methodRegister: IMethodRegister) 添加验证函数

异步验证函数

provider.add("async-valid", async (val: string) => {
    if (val === "123456") {
        return true;
    } else {
        throw new Error("异步验证失败");
    }
});

接口与类

IMethodRegister

/**
 * 验证函数注册信息
 */
export interface IMethodRegister {
    /**
     * 验证函数名称
     */
    name: string;
    /**
     * 验证函数
     * @description 返回promise则根据状态确认验证结果, 返回boolean则根据布尔确认结果, 返回字符串则总是失败结果, 并将字符串作为失败消息
     */
    method?: Function;
    /**
     * 是否动态验证
     */
    dynamic?: boolean;
    /**
     * 默认验证错误消息
     */
    errMsg?: string;
    /**
     * 验证错误消息格式化函数
     */
    format?: (value: any, params: any[], message: string) => string;
}

ValidateMethodError

const error: ValidateMethodError;
// 验证值
console.log(error.value);
// 验证参数
console.log(error.params);
// 验证错误消息
console.log(error.message);
// 验证函数名称
console.log(error.validName);