javascript - JavaScriptによるテキストボックスとテキストエリアのフォームバリデーション

Question

私は割り当てを行っていて、かなりの時間それに取り組んできましたが、これを行う方法について頭や物語を作ることさえできません.

テキスト ボックスの編集

フィールドを編集して、/、\、または * の 3 つの文字を削除する必要があります。ユーザーがフィールドに入力した文字数と、編集後に残った文字数を特定します。

テキストエリア

すべての空白は + 文字に置き換える必要があります。すべてのキャリッジ リターンとライン フィードを削除します。編集前と編集後にテキストエリアに入力された文字数を特定します。

これは私のHTMLです

Put something in the textbox please
<br>
<form name = "TB">
<input type = "text" name = "tb" size = 30 maxlength = 30 value = " "> 
</form>
<br>
<span id="tx1">textbox value</span> <br>
<span id="tx2">texbox length</span> <br>
<span id="tx3">textbox replace value</span> <br>
<span id="tx4">texbox replace length</span> <br>
<br>
<br>
<form name = "TA">
<textarea name = "TA" rows = "5" cols =40>Default Value</textarea>
</form>
<br>
<br>

<input type = "button" value = "Edit and Report" onClick = "valthisform();">

私はすべてを理解しました。

var txbox = document.TX.tb.value;

tx1.innerHTML = txbox;
tx2.innerHTML = txbox.length;

var txbax = document.TX.tb.value;
var rep = txbax.replace(/\u002a|\u002c|\u005c|\u002f/gi, "");


tx3.innerHTML = rep;
tx4.innerHTML = rep.length;

var txar = document.TA.txx.value;

ta1.innerHTML = txar;
ta2.innerHTML = txar.length;

var txarr = document.TA.txx.value;
var repp = txarr.replace(/\u0020/gi, "+");

ta3.innerHTML = repp.replace(/\u000d|\u000a/gi, "");
ta4.innerHTML = ta3.innerHTML.length;