javascript - textarea menukar warna berdasarkan kandungan input haram

Question

Masukkan kandungan dalam textarea, dan apabila terdapat perkataan haram di dalamnya, perkataan haram akan bertukar merah (paparan amaran).

Kandungan tidak boleh dipaparkan, adakah cara yang baik untuk menyelesaikannya

Answer 1

Alat siap sedia di sini ialah Pemalam Pengesahan jQuery, yang menjadikan keseluruhan kotak input menjadi garis putus-putus merah Biasanya, ia adalah garis hitam pejal. Ini juga mungkin lebih mementingkan hak orang buta warna

Answer 2

textarea ialah kawalan penyuntingan teks tulen Ia tidak boleh menjadikan teks di dalam menjadi berbilang warna berbeza, dan ia tidak boleh mengandungi tag lain

Answer 3

Mari gunakan tag lain untuk menyegerakkan kandungan output dan keadaan yang betul atau salah di dalamnya

Answer 4

Alih keluar tag fon Jika haram, tetapkan warna kepada texarea: #red

Answer 5

Ini bersamaan dengan penyunting teks yang dipermudahkan. Textarea memperoleh kandungan input secara serentak.

var textRefer = document.getElementById('text-refer'),
  textInput = document.getElementById('text-input');

textInput.addEventListener('keyup', function() {
  var val = textInput.value;
  val = val.replace(/[\n\t\s]+/g, ''); // 去除换行、Tab、空格
  val = val.replace(/([^\w+])/g, '<span class="red"></span>'); // 匹配符号
  textRefer.innerHTML = val; // 设置 HTML
});

Answer 6

Textarea ialah kawalan penyuntingan teks tulen, dan tag tidak boleh bersarang di dalamnya Mengikut keperluan anda, idea berikut disediakan teks serentak Kandungan kotak disahkan menggunakan js biasa Jika terdapat perkataan sensitif dalam rentetan, tambahkan warna pada subrentetan.

Answer 7

Gunakan regex untuk mengesahkan Anda tidak boleh menulis teg fon secara langsung dalam teg kawasan teks

Answer 8

Penghakiman tetap, dan kemudian ganti() aksara yang salah.