textarea正確顯示空格換行以及空格鹤耍,回車問題解決

前兩天做了一個(gè)意見收集表單,測(cè)試提出問題如下:

1.空格回車不能正確顯示吹艇;(回車消失,空格變短)
2.建議為空也能提交昂拂;

首先解決空格回車不能正確顯示的問題受神,不同瀏覽器下textarea的回車符不一致:
IE瀏覽器:'\r\n';
FF瀏覽器,chrome瀏覽器:'\n';
空格符不同瀏覽器下都為:'\s';

但是在html中格侯,換行符為 '</br>'; 空格符為 '?'
因此我們需要將textarea中的 '\r\n' , '\n' , '\s' 進(jìn)行替換:

 var getFormatCode = function(strValue){
        return strValue.replace(/\r\n/g, '<br/>').replace(/\n/g, '<br/>').replace(/\s/g, '&nbsp; ');
    }
var adviceText = getFormatCode($('#advice').val()); //將值進(jìn)行替換

其次解決建議為空也能提交的問題鼻听,本來(lái)我以為我對(duì)意見為空的情況作了判斷:

if (adviceText ==="" || adviceText===null){
            alert("建議需求不能為空")
        }

實(shí)際上這樣對(duì)輸入空格判斷無(wú)效,需要用正則表達(dá)式來(lái)判斷:

var input  = /^[\s]*$/;    //判斷空格
var getFormatCode = function(strValue){
        return strValue.replace(/\r\n/g, '').replace(/\n/g, '').replace(/\s/g, '');            //將換行空格都轉(zhuǎn)換為html中的空格
    }
var adviceText = getFormatCode($('#advice').val());
input.test(adviceText)   //如若全為空格联四,值為true撑碴;

附上手機(jī)號(hào)碼以及電子郵箱的正則表達(dá)式:

var phone =  /^1\d{10}$/;  //首數(shù)字為1,總長(zhǎng)度為11位朝墩;test值為true表示格式正確醉拓;
var email = /^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/;

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市收苏,隨后出現(xiàn)的幾起案子亿卤,更是在濱河造成了極大的恐慌,老刑警劉巖鹿霸,帶你破解...
    沈念sama閱讀 219,039評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件排吴,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡懦鼠,警方通過(guò)查閱死者的電腦和手機(jī)钻哩,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,426評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)肛冶,“玉大人街氢,你說(shuō)我怎么就攤上這事∧佬洌” “怎么了阳仔?”我有些...
    開封第一講書人閱讀 165,417評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)扣泊。 經(jīng)常有香客問我近范,道長(zhǎng),這世上最難降的妖魔是什么延蟹? 我笑而不...
    開封第一講書人閱讀 58,868評(píng)論 1 295
  • 正文 為了忘掉前任评矩,我火速辦了婚禮,結(jié)果婚禮上阱飘,老公的妹妹穿的比我還像新娘斥杜。我一直安慰自己虱颗,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,892評(píng)論 6 392
  • 文/花漫 我一把揭開白布蔗喂。 她就那樣靜靜地躺著忘渔,像睡著了一般。 火紅的嫁衣襯著肌膚如雪缰儿。 梳的紋絲不亂的頭發(fā)上畦粮,一...
    開封第一講書人閱讀 51,692評(píng)論 1 305
  • 那天,我揣著相機(jī)與錄音乖阵,去河邊找鬼宣赔。 笑死,一個(gè)胖子當(dāng)著我的面吹牛瞪浸,可吹牛的內(nèi)容都是我干的儒将。 我是一名探鬼主播,決...
    沈念sama閱讀 40,416評(píng)論 3 419
  • 文/蒼蘭香墨 我猛地睜開眼对蒲,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼钩蚊!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起蹈矮,我...
    開封第一講書人閱讀 39,326評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤两疚,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后含滴,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體诱渤,經(jīng)...
    沈念sama閱讀 45,782評(píng)論 1 316
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,957評(píng)論 3 337
  • 正文 我和宋清朗相戀三年谈况,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了勺美。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,102評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡碑韵,死狀恐怖赡茸,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情祝闻,我是刑警寧澤占卧,帶...
    沈念sama閱讀 35,790評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站联喘,受9級(jí)特大地震影響华蜒,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜豁遭,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,442評(píng)論 3 331
  • 文/蒙蒙 一叭喜、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧蓖谢,春花似錦捂蕴、人聲如沸譬涡。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,996評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)涡匀。三九已至,卻和暖如春溉知,著一層夾襖步出監(jiān)牢的瞬間陨瘩,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,113評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工着倾, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留拾酝,地道東北人燕少。 一個(gè)月前我還...
    沈念sama閱讀 48,332評(píng)論 3 373
  • 正文 我出身青樓卡者,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親客们。 傳聞我的和親對(duì)象是個(gè)殘疾皇子崇决,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,044評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • Ubuntu的發(fā)音 Ubuntu建邓,源于非洲祖魯人和科薩人的語(yǔ)言盈厘,發(fā)作 oo-boon-too 的音。了解發(fā)音是有意...
    螢火蟲de夢(mèng)閱讀 99,277評(píng)論 9 467
  • 冰泡泡_5b2d閱讀 227評(píng)論 1 0
  • 你倔強(qiáng)著不告訴他你的行程官边,成功的阻止了他來(lái)車站接你沸手,其實(shí)你也不快樂。 你餓著肚子在車上難受注簿,午餐早就被當(dāng)做早飯和室...
    林小落要長(zhǎng)草閱讀 138評(píng)論 0 2
  • 今日契吉,某球星出軌把我們的朋友圈,微博刷屏了诡渴。 其實(shí)不管有多少人出軌捐晶,我們依然應(yīng)該給身邊的人足夠的信任,也許最后的結(jié)...
    行者_(dá)漂泊閱讀 155評(píng)論 0 0
  • 你與頭等艙的距離妄辩,差的不只是錢 思維導(dǎo)圖拆解圖 17.6.21后記: 自從參加訓(xùn)練營(yíng)已經(jīng)過(guò)去幾個(gè)月了惑灵。其實(shí)我并沒有...
    易鴻Rain閱讀 146評(píng)論 1 1