react+antd:Formチェックエラーメッセージなし
5781 ワード
AntDの使用
Formフォーム検証validatorが有効でない
FormフォームSelectでinitialValueが無効に設定されています(AntD 2.9.1)
ただし、Selectにdivが追加されているためinitialValue設定が無効になります.
Formレイアウトの問題
外formitem formLayoutスタイルを追加、内部コール制御表示
Formフォーム検証validatorが有効でない
1. validator, validate
2. validator callback, callback( ), callback(),
3. FormItem ,getFieldDecorator , :
{ getFieldDecorator('wakeup_prompt', {
rules: [{
required: true,
message: 'This field is required'
}],
initialValue: 'defalut'
})(
Click Me
) }
,getFieldDecorator Select a , require: true , a FormItem
FormフォームSelectでinitialValueが無効に設定されています(AntD 2.9.1)
1. initialValue , Option value
2. FormItem getFieldDecorator, FormItem
3. Select ,
}>
{ formatMessage({id: "LANG2230"}) }
)}
>
{ getFieldDecorator('end_time', {
getValueFromEvent: (e) => {
return UCMGUI.toggleErrorMessage(e)
},
rules: [{
required: true,
message: formatMessage({id: "LANG2150"})
}],
initialValue: '0'
})(
) }
{ getFieldDecorator('day_min', {
initialValue: '15'
})(
)}
ただし、Selectにdivが追加されているためinitialValue設定が無効になります.
{ getFieldDecorator('day_min', {
initialValue: '15'
})(
)}
Formレイアウトの問題
外formitem formLayoutスタイルを追加、内部コール制御表示
{ getFieldDecorator('pbxdn', {
getValueFromEvent: (e) => {
return UCMGUI.toggleErrorMessage(e)
},
rules: [{
required: true,
message: formatMessage({id: "LANG2150"})
}, {
validator: (data, value, callback) => {
let basedn = this.state.basedn
this._validLdapChars(data, value + basedn, callback, formatMessage, formatMessage({id: "LANG2016"}))
}
}, {
validator: (data, value, callback) => {
let basedn = this.state.basedn
this._validDn(data, value + basedn, callback, formatMessage)
}
}, {
validator: (data, value, callback) => {
let basedn = this.state.basedn
this._validAttr(data, value + basedn, callback, formatMessage)
}
}, {
validator: (data, value, callback) => {
let basedn = this.state.basedn
this._isUnderBasedn(data, value + basedn, callback, formatMessage)
}
}, {
validator: (data, value, callback) => {
let basedn = this.state.basedn
this._isPrefixExist(data, value + basedn, callback, formatMessage)
}
}],
initialValue: pbxdn
})(
)}
{ this.state.basedn }