鍍金池/ 問(wèn)答/HTML/ 用的vue里的iview驗(yàn)證input的時(shí)候限制輸入空格？

用的vue里的iview驗(yàn)證input的時(shí)候限制輸入空格？

我的表單提交的時(shí)候要限制輸入空格，怎么才能限制，我用的正則，不起作用，代碼：

<Input placeholder="請(qǐng)輸入" v-model="formRecord.groupName"></Input>
  var regu = /^ +| +$/g; // 匹配空格
            if(!regu.test(this.formRecord.groupName)){
              this.$Notice.warning({
                content: '請(qǐng)輸入名稱',
                duration: 3
              });
              return false;
            }

依然是可以保存成功的，怎么才可以在輸入空格的時(shí)候提示有誤

回答
編輯回答
還吻

if((this.formRecord.groupName).trim() == ''){

            this.$Message.warning({
              content: '請(qǐng)輸入用戶組名稱',
              duration: 3
            });
            return false;
        };
        用了 trim()函數(shù)
2017年9月2日 09:31
編輯回答
念舊

學(xué)習(xí)····

2017年2月12日 13:06
編輯回答
綰青絲

實(shí)在不行就在寫個(gè)|| this.formRecord.groupName == '' 就好了

2017年4月16日 04:24
編輯回答
不討囍

空格的正則是s

2018年1月20日 15:52
編輯回答
妖妖

這樣判斷不對(duì)，regu.test(this.formRecord.groupName)，當(dāng)有空格是返回true，你的if判斷條件是!true,即false，是進(jìn)不去

this.$Notice.warning({
                content: '請(qǐng)輸入名稱',
                duration: 3
              });
              return false;

代碼的，去掉！。
或者你可以利用trim()函數(shù)去掉空格，再去判斷是否為 空 ，這樣也可以判斷

2017年5月4日 02:42