@ztwx/form

Usage

import {Form,maxValidator} from "@ztwx/form";

const form=new Form([
  {id:"name"},
  {id:"age",validator:[
      new maxValidator(10,"Can't be gt 10")
  ]}
])
console.log(form.value); // form value

form.age=10;

console.log(form.errorsDict);

API

Form

constructor

ControllerOpt[]

|name|type| |---|---| |id|string| |value?|Value| |validator?|Validator[]|

Method

|Method|params|return| |---|---|---| |setOriginValue|Value|void| |getUpdatedValue|void|Value| |reset|void|void| |checkValidators|void|Promise<boolean>| |addController|ControllerItem|void|

Attribute

|Attrs|type|des| |---|---|---| |value|Value|x| |isChanged|boolean|readonly| |errorsDict|Record<Id,ErrorVal>|x| |errorsChange|Subject<ErrorsDict>|x| |isPass|boolean|x| |controllers|ControllerItem[]|x| |controllerDict|Record<Id,ControllerItem>|x| |valueChange|Subject<ControllerDict>|x|

ControllerItem

Method

|Method|params|return| |---|---|---| |reset|void|void| |checkValidator|void|Promise<boolean>| |setOrigin|Value|void|

Attribute

|Attrs|type|des| |---|---|---| |errors|string[]|undefined|x| |value|Value|x| |changed|boolean|x| |errorsChange|Subject<ErrorVal>|x|

Validators

• emailValidator,
• maxLengthValidator,
• maxValidator,
• minLengthValidator,
• minValidator,
• rangeLengthValidator,
• rangeValidator,
• requiredValidator,
• regExpValidator,
• fnValidator

fnValidator Instance:

new fnValidator(
    (val,formVal)=>{
        return val&&formVal.name;
    },
    "error message"
)