JQUERY过滤文本字段中的输入

时间:2012-03-26 10:31:25

标签: javascript jquery

我是jquery和javascript的新手,所以这可能是一个愚蠢的问题

我有一个文本字段,我想过滤输入

所以它只会让使用者输入[A-Z]字符,如果[A-Z]的长度达到3,那么也会禁止用户输入更多的字符

3 个答案:

答案 0 :(得分:1)

你需要一个能够监控"输入字段。类似的东西:

 $('#yourfield').change(function() {
     $val = $(this).val();
  if($val.length() > 2) $(this).attr('disabled', true)
 // so on, just to give you some ideas
});

答案 1 :(得分:1)

http://jsfiddle.net/GLXuv/7/

$('#sexyInput').keyup(function() {
    $(this).val($(this).val().replace(/[^A-Za-z]/g, ''));

    if($(this).val().length >= 3) $(this).prop('disabled', true);
});​

答案 2 :(得分:1)

用户可以通过两种方式填写输入表单:

  1. 表单中的用户类型。
  2. 用户在表单中粘贴。
  3. 这需要绑定两个单独的事件:

    $('.numbers-only').keypress(function(e) {
        // Allow only keys [A-Za-z] and enter
        if (e.which !== 13 && ((e.which < 65 || e.which > 90) && (e.which < 97 || e.which > 122)) ) {
            e.preventDefault();
        }
    }).bind('paste', function() {
        var el = this;
        setTimeout(function() {
            // replace anything that isn't a number with ''
            $(el).val($(el).val().replace(/[^A-Za-z]/g, ''));
        }, 100);
    });