jQuery 清除焦点上的输入文本

Question

我有这个 jQuery 脚本:

$(document).ready(function() {
    $(':input:enabled:visible:first').focus();
    $('.letters').keyup( function() {
        var $this = $(this);
        if($this.val().length > 1)
            $this.val($this.val().substr(0, 1));
            $(this).next('input').focus();
        });
});

它将在页面加载时将焦点设置在第一个 input='text' 字段上。当用户输入字符时，它将把焦点移动到下一个输入字段。它还将限制每个字段中允许的字符数(当前为 1 个字符)。

我想知道是否可以清除焦点输入字段的当前值。当用户用光标单击以聚焦该字段时，以及当 $(this).next('input').focus(); 将焦点设置在下一个输入字段上时。

还可以验证字符仅允许字母字符吗？

Answer 1

要过滤输入，请使用

​$('input').on('keydown', function(e) {
    if( !/[a-z]|[A-Z]/.test( String.fromCharCode( e.which ) ) )
        return false;
});​​​​​​​​

要在点击和焦点时清除输入字段，请使用

$('input').on('click focusin', function() {
    this.value = '';
});

请注意，当您单击当前形式的非聚焦输入控件时，此事件将触发两次。

演示:http://jsfiddle.net/xbeR2/