限制用戶輸入HTML標籤到一個textarea使用jquery

+0

你爲什麼想這樣做？你可以使用jquery/javascript來捕獲按鍵，並禁用它。但那會很煩人。相反，讓他們寫和提交後，你過濾出所有的HTML標籤由一個簡單的字符串替換alogrithm –

+0

[這裏]（http://stackoverflow.com/questions/302122/jquery-event-keypress-which-key-was-按下）。這是如何捕捉按鍵的功能 –

+0

禁用控制可以幫助你嗎？ '' – <span class="text-secondary"> <small> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> </div> <div class="answer-title"> <span class="text-logo margin-top-sm">A</span> <h2 class="title h4">回答</h2> </div> <div class="item-description text-md markdown-body margin-bottom-40 voidso"> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">1<i class="fa fa-thumbs-up"></i></span> <i class="fa fa-check fa-2x"></i> </div> <div class="post-offset"> <div class="answer fmt"> <p>，你可以做這樣的</p> <pre><code class="prettyprint-override">function Check(){ var reg =/<(.|\n)*?>/g; if (reg.test($('#YourTextAreaID').val()) == true) { var ErrorText ='do not allow HTMLTAGS'; alert('ErrorText'); } } </code></pre> <p> <strong>更多信息</strong></p> <p><a href="http://www.pagecolumn.com/tool/all_about_html_tags.htm" rel="nofollow">http://www.pagecolumn.com/tool/all_about_html_tags.htm</a></p> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/13492315">來源</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2012-11-21 11:28:08</span> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/1578500/">rahul</a></span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div> </div> </article> <div> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="1038284119" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">0<i class="fa fa-thumbs-up"></i></span> </div> <div class="post-offset"> <div class="answer fmt"> <p>以下是你可以去的選項：</p> <ol> <li>可以禁用<或> Textarea上的符號。 <a href="https://stackoverflow.com/questions/1735309/disabling-jquery-keypress-when-in-input-or-textarea-fields">this</a>會告訴你如何在特定的按鍵上做些什麼。</li> <li>你讓他們在textArea中寫html標籤。提交後，您將重新處理該字符串，然後將其發送到服務器。</li> </ol> 下面 <p>是重新處理textarea的內容</p> <pre><code class="prettyprint-override">function reProcessText(){ var text= $('myTextArea').html(); var startTag=-1; var endTag=-1; for(var i=0;i<text.length;i++){ if(text[i]=='<') startTag=i; if(text[i]=='>') endTag=i; if(startTag != -1 && endTag!=-1){ text = text.substring(0,startTag) + text.substring(startTag+1, endTag); startTag=endTag=-1; } } } </code></pre> <p>我寫了一個超級簡單的算法中查找和替換HTML標籤的腳本。當然，根據您的需要，您可能必須採用更復雜的一種。</p> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/13491425">來源</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2012-11-21 10:39:19</span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div> </div> </article> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">0<i class="fa fa-thumbs-up"></i></span> </div> <div class="post-offset"> <div class="answer fmt"> <p>的情景：在文字區域</p> <ol> <li>用戶輸入「提交」。</li> <li>稍後，您將該值複製並顯示在div中。</li> </ol> <p>所以，你想要做的是：</p> <ol> <li>確保DIV沒有顯示一個按鈕。它將顯示用戶輸入的確切值。</li> </ol> <p>你可以在這裏使用jquery的html（）和text（）函數。</p> <p>例如：如果使用這個，結果div將生成一個按鈕。</p> <pre><code class="prettyprint-override"><textarea rows="4" cols="30" onkeyup="$('#divDesc').html($('#textareadescription').val());" id="textareadescription"></textarea> <div id="divDesc"> Result </div> </code></pre> <p>但是如果你使用這個，結果DIV不會產生按鈕，但顯示的值：</p> <pre><code class="prettyprint-override"><textarea rows="4" cols="30" onkeyup="$('#divDesc').text($('#textareadescription').val());" id="textareadescription"></textarea> <div id="divDesc"> Result </div> </code></pre> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/13491515">來源</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2012-11-21 10:45:16</span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div> </div> </article> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">0<i class="fa fa-thumbs-up"></i></span> </div> <div class="post-offset"> <div class="answer fmt"> <p>您可以阻止用戶進入<code class="prettyprint-override"><</code>和<code class="prettyprint-override">></code>跡象，如果這些是不是真的您的輸入文字需要。</p> <p>下面的JavaScript代碼這樣做：</p> <pre><code class="prettyprint-override">$(function(){ $('#textareadescription').on("keydown", function(e){ if (e.shiftKey && (e.which == 188 || e.which == 190)) { e.preventDefault(); } }); }); </code></pre> <p>試用演示這裏的工作：<a href="http://jsfiddle.net/AHrrP/1/" rel="nofollow">http://jsfiddle.net/AHrrP/1/</a></p> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/13491578">來源</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2012-11-21 10:48:32</span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div>  <div class="comments"> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+1</span></div> <div class="col-lg-11"> <p class="commenttext">wat如果我想寫這樣的文本：500> 400？此外，我總是可以複製並粘貼 – <span class="text-secondary"> <small> <span></span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">有效點@Manish。取決於Ishan想成爲多少人。 – <span class="text-secondary"> <small> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> <div> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="1038284119" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="clearfix"> </div> <div class="relative-box"> <div class="relative">相關問題</div> <ul class="relative_list"> <li> 1. <a href="http://hk.uwenku.com/question/p-pawtbexd-wp.html" target="_blank" title="限制jQuery輸入標籤的數量"> 限制jQuery輸入標籤的數量 </a> </li> <li> 2. <a href="http://hk.uwenku.com/question/p-cyauwffi-beb.html" target="_blank" title="複製點擊李HTML到另一個標籤使用jQuery"> 複製點擊李HTML到另一個標籤使用jQuery </a> </li> <li> 3. <a href="http://hk.uwenku.com/question/p-tahueoki-ea.html" target="_blank" title="選擇輸入標籤使用一個名稱與使用JQuery"> 選擇輸入標籤使用一個名稱與使用JQuery </a> </li> <li> 4. <a href="http://hk.uwenku.com/question/p-nvgwumfs-rn.html" target="_blank" title="爲什麼我在使用tinymce textarea輸入的php中看到html標籤？"> 爲什麼我在使用tinymce textarea輸入的php中看到html標籤？ </a> </li> <li> 5. <a href="http://hk.uwenku.com/question/p-dmdiigeu-ru.html" target="_blank" title="如何限制或限制用戶可以在網頁表單中輸入的html標籤，pref。客戶端？"> 如何限制或限制用戶可以在網頁表單中輸入的html標籤，pref。客戶端？ </a> </li> <li> 6. <a href="http://hk.uwenku.com/question/p-wbgdocbl-bco.html" target="_blank" title="Javascript - 用戶通過HTML輸入標籤輸入來設置一個Javascript變量？"> Javascript - 用戶通過HTML輸入標籤輸入來設置一個Javascript變量？ </a> </li> <li> 7. <a href="http://hk.uwenku.com/question/p-fvzavaem-xe.html" target="_blank" title="DataGridView限制用戶輸入"> DataGridView限制用戶輸入 </a> </li> <li> 8. <a href="http://hk.uwenku.com/question/p-vbbducbj-h.html" target="_blank" title="限制用戶輸入"> 限制用戶輸入 </a> </li> <li> 9. <a href="http://hk.uwenku.com/question/p-wwowxnoj-dp.html" target="_blank" title="限制用戶輸入"> 限制用戶輸入 </a> </li> <li> 10. <a href="http://hk.uwenku.com/question/p-vgpizsgp-boe.html" target="_blank" title="限制用戶輸入"> 限制用戶輸入 </a> </li> <div> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-6208739752673518" data-ad-slot="4606349252"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <li> 11. <a href="http://hk.uwenku.com/question/p-epdchivf-qx.html" target="_blank" title="JTexfiled（限制用戶輸入）"> JTexfiled（限制用戶輸入） </a> </li> <li> 12. <a href="http://hk.uwenku.com/question/p-fkozjjdm-bdg.html" target="_blank" title="Android限制用戶輸入"> Android限制用戶輸入 </a> </li> <li> 13. <a href="http://hk.uwenku.com/question/p-trznyqlt-bnp.html" target="_blank" title="C++用戶輸入限制"> C++用戶輸入限制 </a> </li> <li> 14. <a href="http://hk.uwenku.com/question/p-uvylnhrk-ce.html" target="_blank" title="如何使用jquery將選中的標籤插入到textarea中？"> 如何使用jquery將選中的標籤插入到textarea中？ </a> </li> <li> 15. <a href="http://hk.uwenku.com/question/p-ygwiqtww-yn.html" target="_blank" title="Jhtmlarea - 將textarea內容複製到另一個使用jquery的textarea"> Jhtmlarea - 將textarea內容複製到另一個使用jquery的textarea </a> </li> <li> 16. <a href="http://hk.uwenku.com/question/p-fomfpfuq-bgo.html" target="_blank" title="不允許用戶在輸入中輸入HTML標籤"> 不允許用戶在輸入中輸入HTML標籤 </a> </li> <li> 17. <a href="http://hk.uwenku.com/question/p-xtlvyeur-dr.html" target="_blank" title="刪除光標，並限制用戶輸入jquery-choosen選擇框"> 刪除光標，並限制用戶輸入jquery-choosen選擇框 </a> </li> <li> 18. <a href="http://hk.uwenku.com/question/p-vhqcqxkn-ch.html" target="_blank" title="限制一個textarea"> 限制一個textarea </a> </li> <li> 19. <a href="http://hk.uwenku.com/question/p-gsxgbrrw-yw.html" target="_blank" title="使用jQuery一個標籤添加到另一個標籤"> 使用jQuery一個標籤添加到另一個標籤 </a> </li> <li> 20. <a href="http://hk.uwenku.com/question/p-nbprirzm-hr.html" target="_blank" title="限制Bootstrap輸入標籤最多100個標籤"> 限制Bootstrap輸入標籤最多100個標籤 </a> </li> <li> 21. <a href="http://hk.uwenku.com/question/p-vrkadqpw-qb.html" target="_blank" title="從用戶輸入創建一個列表{使用無限用戶輸入}"> 從用戶輸入創建一個列表{使用無限用戶輸入} </a> </li> <li> 22. <a href="http://hk.uwenku.com/question/p-mhpmltqx-n.html" target="_blank" title="使用jQuery從textarea中刪除標籤"> 使用jQuery從textarea中刪除標籤 </a> </li> <li> 23. <a href="http://hk.uwenku.com/question/p-vhnwwxfd-qr.html" target="_blank" title="獲得輸入標籤使用jQuery"> 獲得輸入標籤使用jQuery </a> </li> <li> 24. <a href="http://hk.uwenku.com/question/p-qioqxkug-yn.html" target="_blank" title="限制輸入標籤到一定數量"> 限制輸入標籤到一定數量 </a> </li> <li> 25. <a href="http://hk.uwenku.com/question/p-wwfsfrbl-vn.html" target="_blank" title="php - textarea- html標籤"> php - textarea- html標籤 </a> </li> <li> 26. <a href="http://hk.uwenku.com/question/p-gsnkaacr-kx.html" target="_blank" title="插入標籤到textarea"> 插入標籤到textarea </a> </li> <li> 27. <a href="http://hk.uwenku.com/question/p-ntsffnhy-bbt.html" target="_blank" title="用substr JQuery返回一個html標籤？"> 用substr JQuery返回一個html標籤？ </a> </li> <li> 28. <a href="http://hk.uwenku.com/question/p-xmcmidzg-dt.html" target="_blank" title="使用PHP來控制用戶輸入的Javascript/HTML/textarea並防止iframe破解"> 使用PHP來控制用戶輸入的Javascript/HTML/textarea並防止iframe破解 </a> </li> <li> 29. <a href="http://hk.uwenku.com/question/p-cztimxxy-bez.html" target="_blank" title="用戶控制的html標題標籤"> 用戶控制的html標題標籤 </a> </li> <li> 30. <a href="http://hk.uwenku.com/question/p-qrvajbqt-vr.html" target="_blank" title="限制輸入標籤的格式"> 限制輸入標籤的格式 </a> </li> </ul> </div> <div> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-6208739752673518" data-ad-slot="1575177025"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="padding-top-10"></div> </div> </div> <script type="text/javascript" src="http://img.uwenku.com/uwenku/script/side.js?t=1644592048261"></script> <script type="text/javascript" src="http://img.uwenku.com/uwenku/plugin/highlight/highlight.pack.js"></script> <link href="http://img.uwenku.com/uwenku/plugin/highlight/styles/docco.css" media="screen" rel="stylesheet" type="text/css" /> <script type="text/javascript"> $('pre').each(function(i, e) { hljs.highlightBlock(e, "<span class='indent'> </span>", false) }); </script> <div class="col-lg-3 col-md-4 col-sm-5"> <div id="rightTop"> <div class="row"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="5415218910" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="row sidebar panel panel-default"> <div class="panel-heading font-bold"> 最新問題 </div> <div class="m-b-sm m-t-sm clearfix"> <ul class="side_article_list"> <li class="side_article_list_item"> 1. <a href="http://hk.uwenku.com/question/p-xcczrhnn-bmd.html" target="_blank" title="我無法找到該錯誤不可識別規則中的溶液"> 我無法找到該錯誤不可識別規則中的溶液 </a> </li> <li class="side_article_list_item"> 2. <a href="http://hk.uwenku.com/question/p-tlpgxqll-bkr.html" target="_blank" title="在SQL中嵌套計數"> 在SQL中嵌套計數 </a> </li> <li class="side_article_list_item"> 3. <a href="http://hk.uwenku.com/question/p-hnidqfks-bdt.html" target="_blank" title="爲什麼解組指針變量不可能？"> 爲什麼解組指針變量不可能？ </a> </li> <li class="side_article_list_item"> 4. <a href="http://hk.uwenku.com/question/p-ysadvwzz-bep.html" target="_blank" title="JavaFX綁定和屬性更改"> JavaFX綁定和屬性更改 </a> </li> <li class="side_article_list_item"> 5. <a href="http://hk.uwenku.com/question/p-ybbpalav-bgc.html" target="_blank" title="C＃查找控制，鑄造，優雅代碼"> C＃查找控制，鑄造，優雅代碼 </a> </li> <li class="side_article_list_item"> 6. <a href="http://hk.uwenku.com/question/p-uvbjcdmw-bev.html" target="_blank" title="WordPress的不同的圖像大小"> WordPress的不同的圖像大小 </a> </li> <li class="side_article_list_item"> 7. <a href="http://hk.uwenku.com/question/p-srmimdor-bgm.html" target="_blank" title="我的納稅風格與過濾器不工作"> 我的納稅風格與過濾器不工作 </a> </li> <li class="side_article_list_item"> 8. <a href="http://hk.uwenku.com/question/p-hoziwpbv-bgs.html" target="_blank" title="laravel檢查，如果集合包含模型"> laravel檢查，如果集合包含模型 </a> </li> <li class="side_article_list_item"> 9. <a href="http://hk.uwenku.com/question/p-dmnzbvgn-bmt.html" target="_blank" title="標籤中的EditText"> 標籤中的EditText </a> </li> <li class="side_article_list_item"> 10. <a href="http://hk.uwenku.com/question/p-htlgjbzn-bmn.html" target="_blank" title="正則表達式從字符串中獲取數組編號"> 正則表達式從字符串中獲取數組編號 </a> </li> </ul> </div> </div> </div> <p class="article-nav-bar"></p> <div class="row sidebar article-nav"> <div class="row box_white visible-sm visible-md visible-lg margin-zero"> <div class="top"> <h3 class="title"><i class="glyphicon glyphicon-th-list"></i> 相關問題</h3> </div> <div class="article-relative-content"> <ul class="side_article_list"> <li class="side_article_list_item"> 1. <a href="http://hk.uwenku.com/question/p-pawtbexd-wp.html" target="_blank" title="限制jQuery輸入標籤的數量"> 限制jQuery輸入標籤的數量 </a> </li> <li class="side_article_list_item"> 2. <a href="http://hk.uwenku.com/question/p-cyauwffi-beb.html" target="_blank" title="複製點擊李HTML到另一個標籤使用jQuery"> 複製點擊李HTML到另一個標籤使用jQuery </a> </li> <li class="side_article_list_item"> 3. <a href="http://hk.uwenku.com/question/p-tahueoki-ea.html" target="_blank" title="選擇輸入標籤使用一個名稱與使用JQuery"> 選擇輸入標籤使用一個名稱與使用JQuery </a> </li> <li class="side_article_list_item"> 4. <a href="http://hk.uwenku.com/question/p-nvgwumfs-rn.html" target="_blank" title="爲什麼我在使用tinymce textarea輸入的php中看到html標籤？"> 爲什麼我在使用tinymce textarea輸入的php中看到html標籤？ </a> </li> <li class="side_article_list_item"> 5. <a href="http://hk.uwenku.com/question/p-dmdiigeu-ru.html" target="_blank" title="如何限制或限制用戶可以在網頁表單中輸入的html標籤，pref。客戶端？"> 如何限制或限制用戶可以在網頁表單中輸入的html標籤，pref。客戶端？ </a> </li> <li class="side_article_list_item"> 6. <a href="http://hk.uwenku.com/question/p-wbgdocbl-bco.html" target="_blank" title="Javascript - 用戶通過HTML輸入標籤輸入來設置一個Javascript變量？"> Javascript - 用戶通過HTML輸入標籤輸入來設置一個Javascript變量？ </a> </li> <li class="side_article_list_item"> 7. <a href="http://hk.uwenku.com/question/p-fvzavaem-xe.html" target="_blank" title="DataGridView限制用戶輸入"> DataGridView限制用戶輸入 </a> </li> <li class="side_article_list_item"> 8. <a href="http://hk.uwenku.com/question/p-vbbducbj-h.html" target="_blank" title="限制用戶輸入"> 限制用戶輸入 </a> </li> <li class="side_article_list_item"> 9. <a href="http://hk.uwenku.com/question/p-wwowxnoj-dp.html" target="_blank" title="限制用戶輸入"> 限制用戶輸入 </a> </li> <li class="side_article_list_item"> 10. <a href="http://hk.uwenku.com/question/p-vgpizsgp-boe.html" target="_blank" title="限制用戶輸入"> 限制用戶輸入 </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div>  <footer id="footer"> <div class="bg-simple lt"> <div class="container"> <div class="row padder-v m-t"> <div class="col-xs-8"> <ul class="list-inline"> <li><a href="http://hk.uwenku.com/contact">聯系我們</a></li> <li>© 2020 HK.UWENKU.COM</li> <li><a target="_blank" href="https://beian.miit.gov.cn/">沪ICP备13005482号-4</a></li> <li><script type="text/javascript" src="https://v1.cnzz.com/z_stat.php?id=1280101193&web_id=1280101193"></script></li> <li><a href="http://www.uwenku.com/" target="_blank" title="优文库">简体中文</a></li> <li><a href="http://hk.uwenku.com/" target="_blank" title="優文庫">繁體中文</a></li> <li><a href="http://ru.uwenku.com/" target="_blank" title="поле вопросов и ответов">Русский</a></li> <li><a href="http://de.uwenku.com/" target="_blank" title="Frage - und - antwort - Park">Deutsch</a></li> <li><a href="http://es.uwenku.com/" target="_blank" title="Preguntas y respuestas">Español</a></li> <li><a href="http://hi.uwenku.com/" target="_blank" title="कार्यक्रम प्रश्न और उत्तर पार्क">हिन्दी</a></li> <li><a href="http://it.uwenku.com/" target="_blank" title="IL Programma di chiedere Park">Italiano</a></li> <li><a href="http://ja.uwenku.com/" target="_blank" title="プログラム問答園区">日本語</a></li> <li><a href="http://ko.uwenku.com/" target="_blank" title="프로그램 문답 단지">한국어</a></li> <li><a href="http://pl.uwenku.com/" target="_blank" title="program o park">Polski</a></li> <li><a href="http://tr.uwenku.com/" target="_blank" title="Program soru ve cevap parkı">Türkçe</a></li> <li><a href="http://vi.uwenku.com/" target="_blank" title="Đáp ứng viên">Tiếng Việt</a></li> <li><a href="http://fr.uwenku.com/" target="_blank" title="Programme interrogation Park">Française</a></li> </ul> </div> </div> </div> </div> </div> </footer>  <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?f78a970f17b19a79fc477a3378096f29"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>