在Web开发中,textarea是一个常用的html表单元素,它可以让用户输入多行文本。但是,有时候我们需要限制用户输入的内容,比如禁止输入空格和回车。下面的博文73so博客就说一下如何禁止textarea输入回车与空格折方法
js禁止textarea输入空格与回车的方法
1、禁止textarea输入空格
借助js脚本通过使用正则的方法来禁止textarea输入空格。
例1:
<textarea type="text" onkeyup="this.value=this.value.replace(/^ +| +$/g,'')"></textarea>
例2:
<textarea onkeydown="checkEnter(event)"></textarea>
<script>
function checkEnter(e) {
var et = e || window.event;
var keycode = et.charCode || et.keyCode;
if (keycode == 32) {
if (window.event) {
window.event.returnValue = false;
} else {
e.preventDefault(); //for firefox
</script>
2、禁止textarea输入回车/换行
例1:
<textarea onkeydown="checkEnter(event)"></textarea>
<script>
function checkEnter(e) {
var et = e || window.event;
var keycode = et.charCode || et.keyCode;
if (keycode == 13) {
if (window.event) {
window.event.returnValue = false;
} else {
e.preventDefault(); //for firefox
</script>
例2:
下面的示例是禁止textarea输入空格与回车。
<textarea onkeydown="checkEnter(event)"></textarea>
<script>
function checkEnter(e) {
var et = e || window.event;
var keycode = et.charCode || et.keyCode;
if (keycode == 13 || keycode == 32) {
if (window.event) {
window.event.returnValue = false;
} else {
e.preventDefault(); //for firefox
</script>
以上就是关textarea元素中禁止输入空格与回车的方法,上面都是借助的js脚本来实现的,大家不妨测试一下。
textarea禁止拉伸的方法
如何禁止textarea输入的方法