antd 表单输入立即校验和点击确认按钮校验
输入立即校验格式:
'数据值' required={false}> {getFieldDecorator('accountValue', { validateTrigger: ['onChange', 'onBlur'], initialValue: undefined, validateFirst: true, rules: [ { pattern: type === '1020003' && REG_IMSI, message: '请输入正确的IMSI', }, { pattern: type === '1020004' && REG_MOBILE, message: '请输入正确的手机号', }, { pattern: type === '1020002' && REG_MAC, message: '请输入正确的MAC', }, { pattern: type === '1030036' && REG_WX, message: '请输入正确的微信', }, { pattern: type === '1030001' && REG_QQ, message: '请输入正确的QQ', }, { pattern: type === '1021901' && REG_IMEI, message: '请输入正确的IMEI', }, { pattern: type === '1330000' && REG_WEIBO, message: '请输入正确的微博', }, ], })(<Input autoComplete="off" addonAfter={ getFieldDecorator('accountType', { initialValue: type || undefined, onChange: this.accountTypeChange.bind(this), })( )} style={{ width: '100%', marginRight: 8 }} placeholder="请输入数据值" allowClear />)}
点击确认按钮进行格式校验:
'数据值' required={false}> {getFieldDecorator('accountValue', { validateTrigger: ['onSubmit'], initialValue: undefined, validateFirst: false, rules: [ { pattern: type === '1020003' && REG_IMSI, message: '请输入正确的IMSI', }, { pattern: type === '1020004' && REG_MOBILE, message: '请输入正确的手机号', }, { pattern: type === '1020002' && REG_MAC, message: '请输入正确的MAC', }, { pattern: type === '1030036' && REG_WX, message: '请输入正确的微信', }, { pattern: type === '1030001' && REG_QQ, message: '请输入正确的QQ', }, { pattern: type === '1021901' && REG_IMEI, message: '请输入正确的IMEI', }, { pattern: type === '1330000' && REG_WEIBO, message: '请输入正确的微博', }, ], })(<Input autoComplete="off" addonAfter={ getFieldDecorator('accountType', { initialValue: type || undefined, onChange: this.accountTypeChange.bind(this), })( )} style={{ width: '100%', marginRight: 8 }} placeholder="请输入数据值" allowClear />)}