首拼存值问题和字数限制问题

src/components/Operation/index.jsx

@@ -137,13 +137,14 @@ class Operation extends Component {
     }
   }
   handleInput(e){
-    let val = (e.target.value).substring(0,30)
+    let val = (e.target.value).substring(0,20)
     this.setState({
       title: val
     })
   }
   handleInputFst(e){
-    let val = (e.target.value).substring(0,30)
+    let val = (e.target.value).substring(0,20).replace(/[^a-zA-Z]/g,'')
+    $(e.target).val(val)
     this.setState({
       fstName: val
     })
@@ -236,7 +237,7 @@ class Operation extends Component {
           <input className={style['ipt']}
             placeholder="请输入模板名称"
             type="text"
-            maxLength='30'
+            maxLength='20'
             onInput={(e) => {
               this.handleInput(e)
             }}
@@ -250,11 +251,11 @@ class Operation extends Component {
           <span className={style.leftName}>模板名首拼：</span>
           <input className={style['ipt']}
             ref = {this.$inp}
-            value={value}
+            // value={value}
             id='FstInp'
             placeholder=''
             type="text"
-            maxLength='30'
+            maxLength='20'
             onFocus={() =>this.spellFst()}
             onInput={(e) => {
               this.handleInputFst(e)
@@ -486,7 +487,7 @@ class Operation extends Component {
                 <div  className={style.selectFolder}>
                   <input className={style.selectFolderIpt}
                     type="text"
-                    maxLength='30'
+                    maxLength='20'
                     readOnly
                     value={this.state.folderNameVal}
                     onClick={(e) => {
@@ -551,7 +552,7 @@ class Operation extends Component {
                 <div  className={style.selectFolder}>
                   <input className={style.selectFolderIpt}
                     type="text"
-                    maxLength='30'
+                    maxLength='20'
                     readOnly
                     value={this.state.folderNameVal}
                     onClick={(e) => {

src/components/PushContainer/index.jsx

@@ -171,11 +171,11 @@ class PushContainer extends Component {
     }
   }
   handleInput(e) {
-    let val = (e.target.value).substring(0, 30)
+    let val = (e.target.value).substring(0, 20)
     this.onchange(val)
   }
   handleInputFloder(e){
-    let val = (e.target.value).substring(0,30)
+    let val = (e.target.value).substring(0,20)
     this.setState({
       floderName: val
     },()=>{
@@ -185,8 +185,9 @@ class PushContainer extends Component {
     })
   }
   handleInputFst(e){
-    let val = (e.target.value).substring(0,30)
-    console.log(val)
+    let val = (e.target.value).substring(0,20).replace(/[^a-zA-Z]/g,'')
+    // console.log(val)
+    $(e.target).val(val)
     this.setState({
       fstName: val
     }, () => {
@@ -203,7 +204,7 @@ class PushContainer extends Component {
             <input className={style['ipt']}
               placeholder="请输入模板名称"
               type="text"
-              maxLength='30'
+              maxLength='20'
               value={this.state.title}
               onInput={(e) => {
                 this.handleInput(e)
@@ -219,8 +220,8 @@ class PushContainer extends Component {
             <input className={style['ipt']}
               placeholder=""
               type="text"
-              maxLength='30'
-              value={this.state.fstName}
+              maxLength='20'
+              // value={this.state.fstName}
               onInput={(e) => {
                 this.handleInputFst(e)
               }}
@@ -333,7 +334,7 @@ class PushContainer extends Component {
           <input
             placeholder="请输入文件夹名称"
             type="text"
-            maxLength='30'
+            maxLength='20'
             value={this.state.floderName}
             onInput={(e) => {
               this.handleInputFloder(e)
@@ -544,7 +545,7 @@ class PushContainer extends Component {
               <div  className={style.selectFolder}>
                 <input className={style.selectFolderIpt}
                   type="text"
-                  maxLength='30'
+                  maxLength='20'
                   readOnly
                   value={this.state.folderNameVal}
                   onClick={(e) => {