function checkPhone(){ 
    var phone = document.getElementById('phone').value;
    if(!(/^1[34578]\d{9}$/.test(phone))){ 
        alert("手機(jī)號(hào)碼有誤，請(qǐng)重填");  
        return false; 
    } 
}
 
或者
function checkPhone(){ 
    var phone = document.getElementById('phone').value;
    var phoneRegex = /^1(3|4|5|7|8)\d{9}$/
    if(!(phoneRegex.test(phone))){ 
        alert("手機(jī)號(hào)碼有誤，請(qǐng)重填");  
        return false; 
    } 
}

// 在提交表單時(shí)調(diào)用
handleSubmit = (e) => {
  e.preventDefault();
  if (checkPhone()) {
    // 驗(yàn)證通過，提交表單
    this.props.form.validateFields((err, values) => {
      if (!err) {
        console.log('提交數(shù)據(jù):', values);
      }
    });
  }
};

// handleSubmit = () => {
//    const phone = document.getElementById('phone').value;
//    if (!this.checkPhone(phone)) {
//     alert("手機(jī)號(hào)碼有誤");  // 手動(dòng)觸發(fā)驗(yàn)證?
//   }
// };


const FormItem = Form.Item
<Row>
    <Col>
        <FormItem label='聯(lián)系電話'>
            {getFieldDecorator('phone', {
                rules:[{
                    required: true,
                    message: '請(qǐng)輸入正確的聯(lián)系電話！',
                }],
                initialValue: '',
            })(
                <Input id='phone' />
            )}
        </FormItem>
    </Col>
    <Button onClick={this.handleSubmit}>提交</Button>
</Row>

const FormItem = Form.Item
<Row>
    <Col>
        <FormItem label='聯(lián)系電話'>
            {getFieldDecorator('phone', {
                rules:[
                    { 
                        required: true, 
                        message: '請(qǐng)輸入聯(lián)系電話！' 
                    },
                    { 
                        pattern: /^1(3|4|5|7|8)\d{9}$/,
                        message: '請(qǐng)輸入11位有效手機(jī)號(hào)！' 
                    },
                    
                ],
                initialValue: '',
            })(
                <Input id='phone'  maxLength={11} />
            )}
        </FormItem>
    </Col>
    
</Row>

const FormItem = Form.Item
<Row>
    <Col>
        <FormItem label='聯(lián)系電話'>
            {getFieldDecorator('phone', {
                rules:[
                    { 
                        required: true, 
                        message: '請(qǐng)輸入聯(lián)系電話！' 
                    },
                    { 
                       pattern: /^1[3-9]\d{9}$/, 
                        message: '請(qǐng)輸入11位有效手機(jī)號(hào)！' 
                    },
                    {
                    validator: (rule, value, callback) => {
                        const reg = new RegExp('[\u4E00-\u9FA5]')
                        const reg1 = new RegExp('[A-Za-z]')
                        if(reg.test(value)){
                            callback('手機(jī)號(hào)碼不能輸入漢字！')
                        } else if (reg1.test(value)){
                            callback('手機(jī)號(hào)碼不能輸入字母！')
                        } else {
                            callback()
                        }
                    }
                }],
            })(
                <Input id='phone' maxLength={11} />
            )}
        </FormItem>
    </Col>
    
</Row>

pattern: /^(?:\+?86)?1[3-9]\d{9}$|^(?:\+?\d{1,3})?\d{6,15}$/

import { debounce } from 'lodash'; 
validator: debounce((rule, value, callback) => { ... }, 300)

// 代碼：
rules: {
  username: [
    { required: true, message: '必填項(xiàng)' },
    { 
      validator: debounce((rule, value, callback) => {
        if (/[^a-z]/.test(value)) callback('僅允許小寫字母');
        else callback();
      }, 1000),
      trigger: 'blur'  // 明確防抖觸發(fā)條件。防抖場(chǎng)景必須聲明?：防抖函數(shù)需綁定明確的事件（如 blur 或 change）?
    }
  ]
}

function phoneValid(number) {
    // 去除任何非數(shù)字字符
    const cleaned = number.replace(/\D/g, '');
 
    // 定義正則表達(dá)式驗(yàn)證規(guī)則
    const mobilePattern = /^1[3-9]\d{9}$/; // 手機(jī)號(hào)
    const tellPattern = /^0\d{2,3}-?\d{7,8}$/; // 電話號(hào)
 
    // 驗(yàn)證是否符合手機(jī)號(hào)碼或座機(jī)號(hào)碼格式
    if (mobilePattern.test(cleaned) || tellPattern.test(cleaned)) {
        return true;
    } else {
        return false;
    }
}
 
// 示例用法
console.log(phoneValid('13800138000')); // true
console.log(phoneValid('010-12345678')); // true
console.log(phoneValid('12345678')); // false
console.log(phoneValid('021-87654321')); // true
console.log(phoneValid('18912345678')); // true

const FormItem = Form.Item
<Row>
    <Col>
        <FormItem label='聯(lián)系電話'>
            {getFieldDecorator('phone', {
                getValueFormEvent: (e) => e.target.value.replace(/^\s+|\s$/g,'')
                initialValue: '',
            })(
                <Input id='phone' />
            )}
        </FormItem>
    </Col>
    
</Row>


// "  hello world  ".replace(/^\s+|\s+$/g, ""); // 輸出 "hello world"?:ml-citation{ref="1,3" data="citationList"}