使用Javascript对文本框和文本区域进行表单验证

Question

我正在做一项任务，而且我已经工作了很长时间但是我无法就如何做到这一点做出头脑或故事。

文本框编辑

  

应编辑该字段以删除三个字符中出现的任何内容：/，\或*。确定用户在字段中输入的字符数以及编辑后剩余的字符数。

文字区

  

所有空格都应替换为+字符。删除所有回车符和换行符。确定在编辑之前和之后输入到textarea的字符数。

这是我的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;