length

public/react/src/modules/user/account/AccountBasicEdit.js

@@ -18,6 +18,8 @@ export function getHiddenName(name) {
   const newName = name.substr(0,1)+str;
   return newName
 }
+const MAX_NAME_LENGTH = 10
+const MAX_NICKNAME_LENGTH = 20
 class AccountBasic extends Component {
   constructor(props){
     super(props);
@@ -126,7 +128,7 @@ class AccountBasic extends Component {
 
   // 输入昵称时change剩余的字数
   changeNickName=(e)=>{
-    let num= 30 - parseInt(e.target.value.length);
+    let num= MAX_NICKNAME_LENGTH - parseInt(e.target.value.length);
     this.setState({
       nameLength:num < 0 ? 0 : num
     })
@@ -394,11 +396,11 @@ class AccountBasic extends Component {
     }
   }
   checkNameLength = (rule, value, callback) => {
-    if (value && value.length <= 30) {
+    if (value && value.length <= MAX_NAME_LENGTH) {
       callback();
       return;
     }
-    callback('请输入真实姓名，最大限制30个字符');
+    callback(`请输入真实姓名，最大限制${MAX_NAME_LENGTH}个字符`);
   }
   
   render() {
@@ -498,8 +500,8 @@ class AccountBasic extends Component {
                   message: '请输入您的昵称',
                 }],
               })(
-                <Input placeholder="请输入您的昵称，最大限制30个字符" onInput={this.changeNickName} maxLength="30" suffix ={
-                  <span className="color-grey-6 font-13">{String(nameLength)}/30</span>
+                <Input placeholder={`请输入您的昵称，最大限制${MAX_NICKNAME_LENGTH}个字符`} onInput={this.changeNickName} maxLength={MAX_NICKNAME_LENGTH} suffix ={
+                  <span className="color-grey-6 font-13">{String(nameLength)}/{MAX_NICKNAME_LENGTH}</span>
                 }></Input>
               )}
             </Form.Item>
@@ -512,11 +514,11 @@ class AccountBasic extends Component {
                   rules: [{
                     // initialValue: this.state.cityDefaultValue,
                     required: true, 
-                    message: '请输入真实姓名，最大限制30个字符',
+                    message: `请输入真实姓名，最大限制${MAX_NAME_LENGTH}个字符`,
                     validator: this.checkNameLength
                   }],
                 })(
-                  <Input placeholder="请输入真实姓名，最大限制30个字符" disabled={!showRealName && this.state.forDisable == true } suffix={
+                  <Input placeholder={`请输入真实姓名，最大限制${MAX_NAME_LENGTH}个字符`} disabled={!showRealName && this.state.forDisable == true } suffix={
                     <i className={showRealName?"iconfont icon-xianshi font-18 color-blue":"iconfont icon-yincang font-18 color-blue"}
                           onClick={()=>this.showOrHide(showRealName)}></i>
                   }></Input>