textarea フィールドがあり、ユーザーが HTML TAGS を textarea に入力できないようにしたい。
それは可能ですか?
例
<textarea rows="4" cols="30" id="textareadescription"></textarea>
このユーザーでは、次のような HTML TAGS を入力できません
<button> Submit </button>
textarea フィールドがあり、ユーザーが HTML TAGS を textarea に入力できないようにしたい。
それは可能ですか?
例
<textarea rows="4" cols="30" id="textareadescription"></textarea>
このユーザーでは、次のような HTML TAGS を入力できません
<button> Submit </button>
あなたはこのようにすることができます
function Check(){
var reg =/<(.|\n)*?>/g;
if (reg.test($('#YourTextAreaID').val()) == true) {
var ErrorText ='do not allow HTMLTAGS';
alert('ErrorText');
}
}
詳細 情報
入力テキストに本当に必要でない場合は、ユーザーが記号を入力できないようにすることができ<
ます。>
次の JavaScript コードはそのようにします。
$(function(){
$('#textareadescription').on("keydown", function(e){
if (e.shiftKey && (e.which == 188 || e.which == 190)) {
e.preventDefault();
}
});
});
ここで実際のデモを試してみてください: http://jsfiddle.net/AHrrP/1/
以下は、あなたが行くことができるオプションです:
以下は、textArea コンテンツを再処理するスクリプトです。
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;
}
}
}
HTMLタグを探して置き換えるための非常に単純なアルゴリズムを作成しました。確かに、必要に応じて、より複雑なものを使用する必要があるかもしれません。
シナリオ:
だからあなたがしたいことは次のとおりです:
ここでは、jquery の html() および text() 関数を使用できます。
例: これを使用すると、結果の div によってボタンが生成されます。
<textarea rows="4" cols="30" onkeyup="$('#divDesc').html($('#textareadescription').val());" id="textareadescription"></textarea>
<div id="divDesc"> Result </div>
ただし、これを使用すると、結果の div はボタンを生成しませんが、値を表示します。
<textarea rows="4" cols="30" onkeyup="$('#divDesc').text($('#textareadescription').val());" id="textareadescription"></textarea>
<div id="divDesc"> Result </div>
<script>
$(document).ready(function() {
$('#description').summernote(
{
placeholder: 'Description',
tabsize: 2,
height: 100,
toolbar: [
['style', ['bold', 'italic', 'underline', 'clear']],
['fontsize', ['fontsize']],
['para', ['ul', 'ol', 'paragraph']],
['height', ['height']]
],
codemirror:{theme: 'monokai'},
fontNames: ['Arial', 'Arial Black', 'Comic Sans MS', 'Courier New']
}
);
});
</script>