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

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

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

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

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
});

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.

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

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