如何限制输入文本

How to limit input text

本文关键字：文本 输入 何限制      更新时间：2023-09-26

我有一个小的html联系人表单，其中只包含姓名和电话。

我要做的是每当Key Up事件发生时，我要检查按下哪个键，对于Phone字段，我只接受数字。对于Name字段，我只允许字母，不允许数字。

例如，如果我在Phone输入中输入数据，并且我按下除数字以外的任何字符，则它不应该显示在输入字段中。

我该怎么做?

HTML

<input type="text" name="phone" id="phone" placeholder="Phone" /><br />
<input type="text" name="name" id="name" placeholder="Name" />
jQuery 

$("#phone").keyup(function() {
    if (this.value.match(/[^0-9]/g)) {
      this.value = this.value.replace(/[^0-9]/g, '');
    }
});
$("#name").keyup(function() {
     if (this.value.match(/[^a-zA-Z]/g)) {
       this.value = this.value.replace(/[^a-zA-Z]/g, '');
     }
});

演示:http://jsfiddle.net/calder12/KfRxv/

对于数字字符只添加以下javascript:

function checkInput(e)
{
  var k;
  document.all ? k = e.keyCode : k = e.which;
  var char = String.fromCharCode(k);
  if(!char.match(/^'d+$/))return false;
  return true;
}

然后在输入元素的标记中添加onkeypress="return checkInput(event)"

你可以修改JS，只允许你想要的字符

相关文章：