请输入您的姓名,最大限制10个字符

dev_admin
hjm 6 years ago
parent fa4cc931da
commit 3aa6e30765

@ -126,7 +126,7 @@ class AccountBasic extends Component {
// 输入昵称时change剩余的字数 // 输入昵称时change剩余的字数
changeNickName=(e)=>{ changeNickName=(e)=>{
let num= 10 - parseInt(e.target.value.length); let num= 20 - parseInt(e.target.value.length);
this.setState({ this.setState({
nameLength:num < 0 ? 0 : num nameLength:num < 0 ? 0 : num
}) })
@ -393,6 +393,13 @@ class AccountBasic extends Component {
this.props.showNotification("请先选择正确的单位或者学校!"); this.props.showNotification("请先选择正确的单位或者学校!");
} }
} }
checkNameLength = (rule, value, callback) => {
if (value && value.length <= 10) {
callback();
return;
}
callback('请输入您的姓名最大限制10个字符');
}
render() { render() {
let{ let{
@ -491,8 +498,8 @@ class AccountBasic extends Component {
message: '请输入您的昵称', message: '请输入您的昵称',
}], }],
})( })(
<Input placeholder="请输入您的昵称,10个字以内" onInput={this.changeNickName} maxLength="10" suffix ={ <Input placeholder="请输入您的昵称,最大限制20个字符" onInput={this.changeNickName} maxLength="20" suffix ={
<span className="color-grey-6 font-13">{String(nameLength)}/10</span> <span className="color-grey-6 font-13">{String(nameLength)}/20</span>
}></Input> }></Input>
)} )}
</Form.Item> </Form.Item>
@ -505,10 +512,11 @@ class AccountBasic extends Component {
rules: [{ rules: [{
// initialValue: this.state.cityDefaultValue, // initialValue: this.state.cityDefaultValue,
required: true, required: true,
message: '请输入您的姓名', message: '请输入您的姓名最大限制10个字符',
validator: this.checkNameLength
}], }],
})( })(
<Input placeholder="请输入您的姓名" disabled={!showRealName && this.state.forDisable == true } suffix={ <Input placeholder="请输入您的姓名最大限制10个字符" disabled={!showRealName && this.state.forDisable == true } suffix={
<i className={showRealName?"iconfont icon-xianshi font-18 color-blue":"iconfont icon-yincang font-18 color-blue"} <i className={showRealName?"iconfont icon-xianshi font-18 color-blue":"iconfont icon-yincang font-18 color-blue"}
onClick={()=>this.showOrHide(showRealName)}></i> onClick={()=>this.showOrHide(showRealName)}></i>
}></Input> }></Input>

Loading…
Cancel
Save