JavaScript-js如何限制textarea里输入只能是数字或换行

WordPress 开发 WordPress 开发 主题:1098 回复:2322

JavaScript-js如何限制textarea里输入只能是数字或换行

甜柠檬 发布于 2016-10-28 字数 160 浏览 1212 回复 2

在页面里js如何判断可以换行的数字字符串,比如用户在textarea里输入:
1322123
1232133
5665767
像上面这样的内容是允许的,js如何进行判断?

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

支持 Markdown 语法,需要帮助?

评论(2

虐人心 2017-08-08 2 楼

html:

<textarea></textarea>

js(jQuery):

$("textarea").keydown(function(event) {
var c = event.keyCode;
//Backspace, Enter, 0-9
if (!(c == 8 || c == 13 || c >= 48 && c <= 57)) {
event.preventDefault();
}
});

或者:

html:

<textarea onkeydown="onKeydown(event)"></textarea>

js:

function onKeydown(event) {
    var c = event.keyCode;
    //Backspace, Enter, 0-9
    if (!(c == 8 || c == 13 || c &gt;= 48 &amp;&amp; c &lt;= 57)) {
        if (event.preventDefault) {
          event.preventDefault();
        }
        else {
          //IE
          event.returnValue = false;
        }
    }
}
夜无邪 2016-12-01 1 楼

<script language="javascript">
window.onload = function(){
document.getElementById('button').onclick = function(){
var text = document.getElementById('test').value;
regx = /[^ndr]+/gi;
if(regx.test(text)){
alert('不允许输入为数字和换行以外的字符');
}
return false;
};
}
</script>

我测试的HTML也贴上吧

<form id="form1" name="form1" method="post" action="">
<p>
<textarea name="test" id="test" cols="45" rows="5"></textarea>
</p>
<p>
<input type="button" name="button" id="button" value="测试" />
</p>
</form>