调整名称输入特殊字符和表情

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

@@ -136,7 +136,7 @@ class AccountBasic extends Component {
   }
 
   handleSubmit = () => {
-    this.props.form.validateFieldsAndScroll((err, values) => {
+    this.props.form.validateFieldsAndScroll({ force: true }, (err, values) => {
       console.log(values);
       let {basicInfo}=this.props;
       if(!err ){
@@ -390,13 +390,13 @@ class AccountBasic extends Component {
       this.props.showNotification("请先选择正确的单位或者学校！");
     }
   }
-  checkNameLength = (rule, value, callback) => {
-    if (value && value.length <= MAX_NAME_LENGTH) {
-      callback();
-      return;
-    }
-    callback(`请输入真实姓名，最大限制${MAX_NAME_LENGTH}个字符`);
-  }
+  // checkNameLength = (rule, value, callback) => {
+  //   if (value && value.length <= MAX_NAME_LENGTH) {
+  //     callback();
+  //     return;
+  //   }
+  //   callback(`请输入真实姓名，最大限制${MAX_NAME_LENGTH}个字符`);
+  // }
   // 切换职称
   changeJob=(e)=>{
     this.setState({
@@ -410,7 +410,51 @@ class AccountBasic extends Component {
       })
     }
   }
-  
+  //昵称
+	handleSubmitName(rule, value, callback){
+		if (value) {
+			let iconRule1 = /[`~!@#$%^&*()\-+=<>?:"{}|,.\/;'\\[\]·~！@#￥%……&*（）——\-+={}|《》？：“”【】、；‘’，。、]/im;
+// 判断是否含有emoji表情
+			let iconRule2 = /[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF][\u200D|\uFE0F]|[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF]|[0-9|*|#]\uFE0F\u20E3|[0-9|#]\u20E3|[\u203C-\u3299]\uFE0F\u200D|[\u203C-\u3299]\uFE0F|[\u2122-\u2B55]|\u303D|[\A9|\AE]\u3030|\uA9|\uAE|\u3030/ig;
+// 如果为true，字符串含有emoji表情 ，false不含
+			const iconRule2s =iconRule2.test(value);
+// 如果为true，字符串含有特殊符号 ，false不
+			const iconRule1s =iconRule1.test(value);
+
+			if (iconRule2s===true|| iconRule1s===true) {
+				callback('2-20位中英文、数字及下划线');
+			}
+			else if(value.length<2){
+				callback('2-20位中英文、数字及下划线');
+			}else if(value.length>=21){
+				callback('2-20位中英文、数字及下划线');
+			}
+		}
+		callback();
+	}
+
+	// 姓名
+	handleSubmitNames(rule, value, callback){
+		if (value) {
+			let iconRule1 = /[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]·~！@#￥%……&*（）——\-+={}|《》？：“”【】、；‘’，。、]/im;
+// 判断是否含有emoji表情
+			let iconRule2 = /[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF][\u200D|\uFE0F]|[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF]|[0-9|*|#]\uFE0F\u20E3|[0-9|#]\u20E3|[\u203C-\u3299]\uFE0F\u200D|[\u203C-\u3299]\uFE0F|[\u2122-\u2B55]|\u303D|[\A9|\AE]\u3030|\uA9|\uAE|\u3030/ig;
+// 如果为true，字符串含有emoji表情 ，false不含
+			const iconRule2s =iconRule2.test(value);
+// 如果为true，字符串含有特殊符号 ，false不
+			const iconRule1s =iconRule1.test(value);
+
+			if (iconRule2s===true|| iconRule1s===true) {
+				callback('2-10位中英文、数字');
+			}
+			else if(value.length<2){
+				callback('2-10位中英文、数字');
+			}else if(value.length>=11){
+				callback('2-10位中英文、数字');
+			}
+		}
+		callback();
+	}
   render() {
     let{
       nameLength,
@@ -527,7 +571,10 @@ class AccountBasic extends Component {
                   // initialValue: this.state.cityDefaultValue,
                   required: true,
                   message: '请输入您的昵称',
-                }],
+                },
+									{ validator: this.handleSubmitName },
+                ],
+								validateTrigger: 'onSubmit', // 设置进行表单验证的时机为onSubmit
               })(
                 <Input placeholder={`请输入您的昵称，最大限制${MAX_NICKNAME_LENGTH}个字符`} className="exercicenewinputysl" onInput={this.changeNickName} maxLength={MAX_NICKNAME_LENGTH} addonAfter ={
                   <span className="color-grey-6 font-13">{String(nameLength)}/{MAX_NICKNAME_LENGTH}</span>
@@ -554,8 +601,11 @@ class AccountBasic extends Component {
                     // initialValue: this.state.cityDefaultValue,
                     required: true,
                     message: `请输入真实姓名，最大限制${MAX_NAME_LENGTH}个字符`,
-                    validator: this.checkNameLength
-                  }],
+                  },
+										{ validator: this.handleSubmitNames },
+
+                  ],
+									validateTrigger: 'onSubmit', // 设置进行表单验证的时机为onSubmit
                 })(
                   <Input placeholder={`请输入真实姓名，最大限制${MAX_NAME_LENGTH}个字符`} className="yslgraduainputedit"  disabled={!showRealName && this.state.forDisable == true } addonAfter={
                     <i className={showRealName?"iconfont icon-xianshi font-18 color-blue":"iconfont icon-yincang font-18 color-blue"}