lcgyh / myDocs

0 stars 0 forks source link

如何设置普通input和antd中input组件,的最大长度,输入类型?文本输入框同理 #12

Open lcgyh opened 6 years ago

lcgyh commented 6 years ago

如何设置普通input和antd中input组件的最大长度,输入类型?

lcgyh commented 6 years ago

对于antd:最大长度是添加属性maxLength,值为数字,普通input是maxlength,textarea同效

lcgyh commented 6 years ago

对于antd中input设置输入类型,主要是对e.target.value的值进行正则匹配的方式处理,例如:只输入数字,

const reg = /^-?(0|[1-9][0-9]*)(\.[0-9]*)?$/;
reg.test(e.target.value)
lcgyh commented 6 years ago

对于antd中form做校验,可以在rules中运用pattern和message进行校验

lcgyh commented 6 years ago

对于antd中form表单中的规则校验,主要是操作rules,在rules中添加校验对象,一般情况小,我们主要是对长度和输入类型进行校验,对于长度我们可以使用他自带的API中的min和max进行校验,对于输入类型,经过测试发现数组类型的校验有点问题,可能是自己的原因,建议采用正则进行校验,同时主要输入时候空格是否算做输入,可以通过whitespace来进行校验。

lcgyh commented 6 years ago

检验1-6位数组例子:

rules: [{ required: true, message: 'Please input your note!' },{pattern:/^\d{1,6}$/,message:'请输入1-6位数组'}],