@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 |
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"
)