課程
/前端開發(fā)
/Vue.js
/vue2.5入門
如何去判斷輸入框中是空格，是空格得話，不進(jìn)行l(wèi)i顯示。
2019-01-02
源自：vue2.5入門 3-1
正在回答
addValue:function(){ ????if(this.inputValue.indexof("")<?0){ ????????this.arr.push(this.inputValue) ????} ????this.inputValue?=?"" }
前端小白2018
另一個(gè)參考答案：
addValue:function(){?
addValue:
function
(){
????if(this.inputValue.match(/\S+/)){//檢查是不是空格，有沒有輸入內(nèi)容
????if
(
this
.inputValue.match(/\S+/)
????????
.arr.push(
.inputValue.replace(/^\s+|\s+$/g,"")
????
}
.inputValue?=?
""
;
?注：
/ / ?正則表達(dá)式必須包含在兩個(gè) /?之間，
\S ?小寫表示匹配空白字符，大寫表示匹配非空白字符，這里是大寫，只要輸入框里不是空白的內(nèi)容，都有結(jié)果
空白字符可以是：
空格符 (space character)
制表符 (tab character)
回車符 (carriage return character)
換行符 (new line character)
垂直換行符 (vertical tab character)
換頁符 (form feed character)
match(/\S+/) ?這個(gè)函數(shù)用來獲取匹配的結(jié)果，如果匹配不到內(nèi)容會(huì)返回 ?null?
^ ?用來匹配開頭的內(nèi)容
$ ?用來匹配結(jié)尾的內(nèi)容
replace(/^\s+|\s+$/g,"") ??去除兩頭空格
addValue:function(){ ??let?value?=?this.inputValue;//先把輸入的值復(fù)制一份，用于操作 ??value.replace(/\s*/g,"");//用正則表達(dá)式去掉所有的空白字符（空格是其中一種 ??//去掉所有空格之后，再對(duì)它進(jìn)行判斷，?? ??//如果字符串中還有別的內(nèi)容，說明輸入的內(nèi)容不是空格，?? ??//然后就可以加入數(shù)組了。???? ??if(value?!=?""){ ????this.arr.push(this.inputValue); ??} ????this.inputValue?=?""; }
可以參考這篇文章：
JS利用正則表達(dá)式去除字符串空格
addValue:function(){ ?????????let?value?=?this.inputValue;//先把輸入的值復(fù)制一份，用于操作 ??value.replace(/\s*/g,"");//用正則表達(dá)式去掉所有的空白字符（空格是其中一種） ?? ??//去掉所有空格之后，再對(duì)它進(jìn)行判斷， ??//如果字符串中還有別的內(nèi)容，說明輸入的內(nèi)容不是空格， ??//然后就可以加入數(shù)組了。 ????if(value?!=?""){????????this.arr.push(this.inputValue)????}????this.inputValue?=?""}
methods: {
addValue: function(){
if(this.msg==""){
return;
this.list.push(this.msg),
this.msg=""
if(this.inputValue!="")?{???? ????this.list.push(this.inputValue)???? ????this.inputValue?=?"" }
喜歡妳時(shí)天好暖_z 提問者
舉報(bào)
快速理解Vue編程理念上手Vue2.0開發(fā)。
2 回答輸入框清空之后，光標(biāo)如何再次自動(dòng)聚焦到輸入框？
4 回答點(diǎn)擊li時(shí)如何在alert中顯示li的內(nèi)容
2 回答輸入框下面顯示{firstName}{lastName}是怎么回事？
3 回答有一個(gè)問題，我發(fā)現(xiàn)如果input框里什么也不輸入時(shí)點(diǎn)擊提交仍然能創(chuàng)建一個(gè)空的li出來，請問怎么能檢測如果input中的值為空不創(chuàng)建li呢
1 回答為什么無論我在input框里輸什么提交都顯示空的？
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2019-01-07
addValue:function(){ ????if(this.inputValue.indexof("")<?0){ ????????this.arr.push(this.inputValue) ????} ????this.inputValue?=?"" }2019-05-14
另一個(gè)參考答案：
addValue:function(){?????if(this.inputValue.match(/\S+/)){//檢查是不是空格，有沒有輸入內(nèi)容????????this.arr.push(this.inputValue.replace(/^\s+|\s+$/g,""));//去除兩頭空格后，加入數(shù)組中????}????this.inputValue?=?"";}?注：
/ / ?正則表達(dá)式必須包含在兩個(gè) /?之間，
\S ?小寫表示匹配空白字符，大寫表示匹配非空白字符，這里是大寫，只要輸入框里不是空白的內(nèi)容，都有結(jié)果
空白字符可以是：
空格符 (space character)
制表符 (tab character)
回車符 (carriage return character)
換行符 (new line character)
垂直換行符 (vertical tab character)
換頁符 (form feed character)
match(/\S+/) ?這個(gè)函數(shù)用來獲取匹配的結(jié)果，如果匹配不到內(nèi)容會(huì)返回 ?null?
^ ?用來匹配開頭的內(nèi)容
$ ?用來匹配結(jié)尾的內(nèi)容
replace(/^\s+|\s+$/g,"") ??去除兩頭空格
2019-05-14
addValue:function(){ ??let?value?=?this.inputValue;//先把輸入的值復(fù)制一份，用于操作 ??value.replace(/\s*/g,"");//用正則表達(dá)式去掉所有的空白字符（空格是其中一種 ??//去掉所有空格之后，再對(duì)它進(jìn)行判斷，?? ??//如果字符串中還有別的內(nèi)容，說明輸入的內(nèi)容不是空格，?? ??//然后就可以加入數(shù)組了。???? ??if(value?!=?""){ ????this.arr.push(this.inputValue); ??} ????this.inputValue?=?""; }可以參考這篇文章：
JS利用正則表達(dá)式去除字符串空格
2019-05-14
addValue:function(){ ?????????let?value?=?this.inputValue;//先把輸入的值復(fù)制一份，用于操作 ??value.replace(/\s*/g,"");//用正則表達(dá)式去掉所有的空白字符（空格是其中一種） ?? ??//去掉所有空格之后，再對(duì)它進(jìn)行判斷， ??//如果字符串中還有別的內(nèi)容，說明輸入的內(nèi)容不是空格， ??//然后就可以加入數(shù)組了。 ????if(value?!=?""){????????this.arr.push(this.inputValue)????}????this.inputValue?=?""}可以參考這篇文章：
JS利用正則表達(dá)式去除字符串空格
2019-02-13
methods: {
addValue: function(){
if(this.msg==""){
return;
}
this.list.push(this.msg),
this.msg=""
}
}
2019-01-03
if(this.inputValue!="")?{???? ????this.list.push(this.inputValue)???? ????this.inputValue?=?"" }