validate-form-p v1.2.0

validate-form-p

English | 简体中文

validator

In a lot of the front-end logic, we'll get into the form validation part of the logic.

Abstracted out, can let us reduce workload greatly

Usage

SAMPLE DEMO

import validator from 'validate-form-p'

const rules = [
  ['name', 'require', 'The name has to exist']
]

const data = {
  name: 'leo'
}

validator.setData(data).validate(rules) // ture

import validator from 'validate-form-p'

const rules = [
  ['name', 'require', 'The name has to exist']
]

const rules1 = [
  ['name', 'require', 'The name has to exist', 1] // 1: You have to check whether the name field is in the data or not
]

const data = {
  phone: ''
}

validator.setData(data).validate(rules) // ture
validator.setData(data).validate(rules1) // false
console.log(validator.getError()) // { name: The name has to exist }
// maybe you want to do : 
// Toast.info(Object.values(validator.getError()).join('，'))

import validator from 'validate-form-p'
// Define rules

const formData = {
  name: "xiaoming",
  number: "2"
};

const rules = [
  ["name", "require", "The name is empty"],
  ["name", "xiaoming", "My name is xiaoming", 0, "equal"],
  [
    "number",
    "2",
    "The value can't be 2.",
    0,
    (value, secondIndexValue) => {
      return value !== secondIndexValue;
    }
  ]
];

// Set the data to be validated
// Then verify that it returns true or false
const result = validator.setData(formData).validate(rules)
// If true, the form can be submitted directly
console.log(result)
// If false is returned, an error message can be obtained by getError()
console.log(validator.getError())

Rules

Validation fields, validation rules, error messages,validation conditions, additional rules

validation conditions (options)

additional rules (options)

Try

codesanbox.io: https://codesandbox.io/embed/festive-field-k66vh

License

MIT

Postscript

import you, { star } from 'you'
import me, { thank } from 'me'

star(me) && thank(you)