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

Question

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

文本框编辑

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

文本区

所有空格都应替换为 + 字符。删除所有回车符和换行符。确定编辑前后输入文本区域的字符数。

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