javascript - 仅替换并提交文本字母，不含空格和句点逗号和其他符号

Question

每个我都有这样的表格，我必须提交并替换名称文本仅字母，其中没有逗号没有空格或 &&%%$$**,??...等。

myform.html

<script>
function fixInput(event) {
  name = name.replace(/[^a-z]+/gi, '');
  $("input[type=submit]")
}
</script>

<h1>Create a Thing</h1>
<form role="form" action="" method="post" enctype="multipart/form-data">
<input type='hidden' name='csrfmiddlewaretoken' value='CiTMjJgFuTMRatFsQRBUT6z8JuyRhe2g' />
<p><label for="id_name">Name:</label> <input id="id_name" maxlength="255" name="name" type="text" /></p>
<p><label for="id_image">Image:</label> <input id="id_image" name="image" type="file" /></p>
<p><label for="id_description">Description:</label> <textarea cols="40" id="id_description" name="description" rows="10">
</textarea></p>
 <input type="submit"  value="Submit" />
</form>

我正在尝试使用 javascript 和正则表达式来删除和替换文本并提交输入

Name

这是

id="id_name"

我只是figure ou这个js和正则表达式可以做到这一点，，，但是我不知道如何将它组合到我的表单中。我必须替换没有空格和 ,.?*& ...等的文本。例如，我必须让文本保持紧密，没有空格“这，是一个，，，？” -->“这就是”

谢谢各位愿意回答

Answer 1

您可能想“即时”修复输入

function fixInput(event) {
  var rx = /[^a-z]+/gi;
  event.target.value = event.target.value.replace(rx, '');
}
document.getElementById('id_name').addEventListener('keyup',  fixInput);
document.getElementById('id_name').addEventListener('change',  fixInput);

这是您的 HTML https://jsfiddle.net/6uhLaL3f/1/ 的工作示例