uform-field实现输入四位空一格(即银行卡格式)

银行卡格式

effects = ($, { setFieldState, getFieldState }) => {
    $('onFieldChange', 'acctNbr').subscribe(
        fieldState => {
            if (fieldState.value) {
                const value = fieldState.value
                    .replace(/[^0-9]/g, '')
                    .replace(/(\d{4})(?!$)/g, '$1 ');
                setFieldState(
                    'acctNbr',
                    payeeAcctNbr => {
                        payeeAcctNbr.value = value;
                    }
                );
            }
        }
    );
};

uform表单

<SchemaForm
    labelCol={8}
    wrapperCol={16}
    effects={this.effects}
>
	<Field
        name="acctNbr"
        type="string"
        title="银行账号"
        required
    />
</SchemaForm>

输入效果