焦点清晰的jQuery输入文本(jQuery clear input text on focus)

我有这样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个字符）的字符数目。

我不知道是否有可能清除焦点的输入栏的当前值。 当两个用户与cursror点击聚焦领域，而且当$(this).next('input').focus(); 将焦点设置上的下一个输入域。

也可以验证字符，只允许字母字符？

Answer 1:

要过滤的输入，使用

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

要清除输入栏click和focus ，利用

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

注意，此事件将触发两次，当你点击进入其目前的形式非重点投入的控制 。

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

Answer 2:

要回答你的焦点问题，是的，你可以这样做：

$("input").focus(function() {
  this.value = "";
});

要回答这个只允许字母的问题，这已被 要求 之前 。

Answer 3:

用这个

$( document ).ready(function() {
  var search_text_s = "WYSZUKAJ";

  // author ZMORA
  // search input focus text
  $("#searchClear").focus(function() {
    if(this.value == search_text_s){
      this.value = "";
    }
  }).blur(function() {
    if(this.value != search_text_s){
      this.value = search_text_s;
    }
  });
});

文章来源: jQuery clear input text on focus