//驗證手機號 checkAccount(rule, value, callback) { //與表單數據進行關聯 const form = this.props.form; //正則用//包起來 var regex = /^((\+)?86|((\+)?86)?)0?1[3458]\d{9}$/; if (value) { //react使用正則表達式變量的test方法進行校驗,直接使用value.match(regex)顯示match未定義 if (regex.test(value)) { callback(); } else { callback('請輸入正確的手機號碼!'); } } else { //這里的callback函數會報錯 } },
<FormItem {...formItemLayout} label="手機號:" hasFeedback > {getFieldDecorator('mobile', { rules: [{type:'string', required: true, message: '請輸入手機號碼!' },{ //這里input內的輸入內容進行綁定函數即可,在Input里面無需進行函數綁定開使用驗證(紅色部分) validator: this.checkAccount, }], })(
<Input style={{ width: 180 }} onBlur={this.checkAccount} /> )} </FormItem>