仅允许显示文本字段上的字母

时间:2014-06-18 09:53:36

标签: javascript jquery html

我有这个jquery函数

$('#contact_name').on('input', function() {
var input=$(this);
var re =/^[A-Za-z]+$/;
var is_email=re.test(input.val());
if(is_email)
{
}
else
{
}
});

此文本字段

<label for="contact_name">Name:</label>
<input type="text" id="contact_Name" name="name"></input>

我想要的是当用户键入数字而不是字母时我不希望该数字显示在文本字段上..文本字段只接受字母并允许字母显示在其上以及是否& #39; sa字母然后显示..所以用户可以知道此文本字段没有数字

怎么做?

3 个答案:

答案 0 :(得分:3)

您可以尝试这个例子

<强> HTML

<input type="text" placeholder="Only letters" id="contact_name"/>

<强>脚本

$(function()
{
    $("#contact_name").on('input', function()
    {
        this.value=this.value.replace(/[^a-zA-Z]/g,'');
    });
});

答案 1 :(得分:0)

使用此功能

 function chkLetter(event) {
      var v= event.keyCode;
      return ((v>= 65 && v<= 90) || v== 8);
    };

答案 2 :(得分:0)

你可以这样试试

<script type="text/javascript">

 function CheckValue(e){
 e=(window.event) ? event : e;

 return (/[A-Za-z]/.test(String.fromCharCode(e.keyCode))); 
 }   
</script>


<input type="text" onkeydown="return CheckValue(event)">