Browse Source

新增用户姓名限制输入中文

release_0.0.4
‘lijianhao’ 2 years ago
parent
commit
b8d8ae6dba
  1. 20
      web/client/src/sections/organization/components/userModal.js

20
web/client/src/sections/organization/components/userModal.js

@ -1,22 +1,25 @@
import React from 'react';
import { connect } from 'react-redux';
import { Spin, Card, Modal, TreeSelect, message } from 'antd';
import { Spin } from 'antd';
import ProForm, { ProFormText, ModalForm, ProFormSwitch, ProFormTreeSelect } from '@ant-design/pro-form';
const UserModal = (props) => {
const { visible, modalType, depData, onVisibleChange, onConfirm, editData } = props
const reg_tel = /^1([358][0-9]|4[579]|66|7[0135678]|9[89])[0-9]{8}$/;
const onFinish = (values) => {
if (onConfirm) {
onConfirm(values);
}
}
const mobile = (value) => {
if (reg_tel.test(value)) {
return
const checkName = (rule, value, callback) => {
if (value && value.replace(/[^\u4E00-\u9FA5]/g).includes('undefined')) {
callback(new Error('请输入中文!'));
} else {
callback()
}
return message('请输入姓名')
}
return (
<Spin spinning={false}>
<ModalForm
@ -45,7 +48,10 @@ const UserModal = (props) => {
label="姓名"
required
placeholder="请输入姓名"
rules={[{ required: true, message: '请输入姓名' },{ max: 5, message: '请输入5个字以内的名称' }]}
rules={[{ required: true, message: '请输入姓名' },
{ max: 5, message: '请输入5个字以内的名称' },
{ validator: checkName }
]}
/>
< ProFormText
name={['contract', 'phone']}

Loading…
Cancel
Save