2015-11-03 73 views
0

是否可以創建一個textarea來動態阻止或刪除粘貼或輸入文本的http鏈接。如何阻止http網站和鏈接被動態輸入到<textarea>?

此外,是否有可能只刪除未在括號中定義的http鏈接。例如。保持粘貼或輸入到textarea (http://www.google.com),如果鏈接是按照以下方式鍵入或粘貼到textarea中,則刪除不在括號內的http://www.google.com

此外,當鏈接被粘貼或輸入到textarea時,它還需要刪除url鏈接在域url之後繼續的url,例如https://www.google.com.au/search?

我還創建了一個 fiddle

如果能夠提供一個更新的小提琴,那將是非常有益的,因爲我是新來的HTML和jQuery編碼。

謝謝!

+0

但是,在reg ex中,我是regEx的絕對初學者,其他人將不得不尋找解決方案。 –

回答

0

你可以用正則表達式替換:

$("#txtarea").keyup(function(){ 
    console.log(this.value); 
    this.value = this.value.replace(/(http[s]?:\/\/)?([^\/\s]+\/)(.*)/, ' '); 
}) 

DEMO


更新例如用於保持聯繫與括號正則表達式(?:http?:\/\/)?(?:[\w]+\.)(?:\.?[\w]{2,})+$

$("#txtarea").keyup(function(){ 
    console.log(this.value); 
    this.value = this.value.replace(/(?:http?:\/\/)?(?:[\w]+\.)(?:\.?[\w]{2,})+$/, ' '); 
}) 

DEMO

+0

但是,括號中的http鏈接仍被刪除。是否可以將鏈接保留在括號內並刪除不在括號內的鏈接? – Dave

+0

最後回答增加了一個解決方案檢查出來。 – Manwal

+0

此代碼適用於諸如google.com等域名,但是,似乎並未移除諸如google.com.au/search之類的鏈接?在實際領域之後仍然有文字繼續存在。是否可以應用代碼來刪除整個鏈接並將其保留在括號內? – Dave