正則表達(dá)式小腳本(對輸入內(nèi)容進(jìn)行處理)
該小腳本實(shí)現(xiàn)的是對輸入框內(nèi)容中取出<img>標(biāo)簽中的src中的內(nèi)容,然后在原來位置進(jìn)行替換內(nèi)容,然后在去除輸入內(nèi)容中的html標(biāo)簽,空格等操作
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <script> window.onload = function () { var target = document.getElementById("div1"); var but = document.getElementById("but"); var value; but.onclick = function () { value = target.innerHTML; result = dealText(value); alert(result); }; }; function dealText(msg) { var text1 = imageRound(msg); var text2 = removeTag(text1); var text3 = removeBlank(text2); var text4 = changeNBSP(text3); return text4; } function DealNum(num) { var content = []; for (var i = 0; i < num.length; i++) { // content.push(defaultSrc(num[i])); } return content; } function defaultSrc(src) { return ':avator:'; } function returnValue(srcValue) { var num = []; var pattern = /([^\/]+)\./; var src; for (var i = 0; i < srcValue.length; i++) { src = pattern.exec(srcValue[i])[1]; num.push(src); } // alert(num); var source = DealNum(num); return source; } function imageRound(text) { var reg2 = /<img.*?\>/gi; var s = text.match(reg2); var num = returnValue(s); var i = 0; var content = text.replace(reg2, function () { return num[i++]; }); return content; } function removeTag(text) { var text1; var reg = /<.*?>|<.*?\/>/g; text1 = text.replace(reg, ""); return text1; } function removeBlank(text) { var text1; var reg = /\s+/g; text1 = text.replace(reg, ""); return text1; } function changeNBSP(text) { var text1; var reg = / /g; var reg1 = /\;/g; text1 = text.replace(reg, ' '); text1 = text1.replace(reg1, ""); return text1; } </script> </head> <body> <div contenteditable="true" id="div1">abc efg <img src="asdjk/123.jpg"/><span>hi gk</span><img src="ahdkh/124.jpg"/> <div>lmnop</div> q rst uvw </div> <button id="but">更新</button> </body> </html>
- js利用正則表達(dá)式檢驗(yàn)輸入內(nèi)容是否為網(wǎng)址
- js各種驗(yàn)證文本框輸入格式(正則表達(dá)式)
- javascript 基于正則表達(dá)式的文本框驗(yàn)證代碼
- javascript中使用正則表達(dá)式進(jìn)行字符串驗(yàn)證示例
- 詳解表單驗(yàn)證正則表達(dá)式實(shí)例(推薦)
- JavaScript使用簡單正則表達(dá)式的數(shù)據(jù)驗(yàn)證功能示例
- Javascript 正則表達(dá)式校驗(yàn)數(shù)字的簡單實(shí)例
- js輸入框使用正則表達(dá)式校驗(yàn)輸入內(nèi)容的實(shí)例
相關(guān)文章
使用正則表達(dá)式判斷是否為手機(jī)號碼(簡單且實(shí)用)
這篇文章主要介紹了使用正則表達(dá)式判斷是否為手機(jī)號碼(簡單且實(shí)用)的相關(guān)知識(shí),非常不錯(cuò),具有參考借鑒價(jià)值,感興趣的朋友一起看下吧2016-11-11正則表達(dá)式從HTML中匹配img標(biāo)簽的圖片地址
最近有一個(gè)項(xiàng)目要獲取頁面中所有img標(biāo)簽中的圖片地址,這篇文章主要給大家介紹了關(guān)于正則表達(dá)式如何從HTML中匹配img標(biāo)簽的圖片地址的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-09-09共享日常收集JS正則表達(dá)式(JavaScript regular expression)
這篇文章給大家介紹小編日常收集的js正則表達(dá)式,2015-11-11正則表達(dá)式之零寬斷言實(shí)例詳解【基于PHP】
這篇文章主要介紹了正則表達(dá)式之零寬斷言,簡單介紹了零寬斷言的概念、分類及php實(shí)現(xiàn)技巧與相關(guān)注意事項(xiàng),需要的朋友可以參考下2017-04-04Python正則表達(dá)式的7個(gè)使用典范(推薦)
這篇文章主要介紹了Python正則表達(dá)式的7個(gè)使用典范,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-11-11EditPlus中的正則表達(dá)式 實(shí)戰(zhàn)(1)
本文通過實(shí)例代碼較詳細(xì)的給大家介紹了EditPlus中的正則表達(dá)式,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下吧2016-12-12javascript 數(shù)字的正則表達(dá)式集合
這里收集的是驗(yàn)證數(shù)字的正則表達(dá)式集合,比較的全了,需要驗(yàn)證數(shù)字的朋友很值得參考下。2010-04-04Python正則表達(dá)式保姆式教學(xué)詳細(xì)教程
正則作為處理字符串的一個(gè)實(shí)用工具,在Python中經(jīng)常會(huì)用到,比如爬蟲爬取數(shù)據(jù)時(shí)常用正則來檢索字符串。這篇文章主要介紹了Python正則表達(dá)式保姆式教學(xué)詳細(xì)教程,需要的朋友可以參考下2021-08-08