警告と長さが4

Question

であれば、私は1 text boxを持っていると私はそのtext box上のデータを入力していますテキストボックスを自動リフレッシュ、私は何をしたいです：私は4 charactersに入り、skip that text box by pressing TAB keyはその後、1つのアラートが、その後"data should be more than 4 characters"とテキストとして来るかどうボックスはauto refreshedになります。入力されたデータが4文字以上の場合、警告は表示されません。私はonkeyupイベントで試していましたが、間違っている箇所があります。助けてください

Answer 1

「テキストボックスが自動更新される」という意味がわからないので、そのフィールドにカーソルを戻したいと思うでしょう。限りアウトタブ移動するときに.change()や.blur()イベントをしたい値の長さをチェックなど：

$("input[type=text]").change(function() { 
    if (this.value.length <= 4) { 
     alert("Please enter more than 4 characters."); 
     this.focus(); 
     return false; 
    } 
}); 

デモ：http://jsfiddle.net/XHKRh/

blurイベントは、フォーカスがフィールドを離れるたびにトリガされます。変更イベントは、ユーザーが変更せずにフィールドからすぐに外に出ると再びトリガーされません。私はフォームの送信時に追加の検証と組み合わせて変更を使用する方がいいので、ユーザーはアラートで悩まされることはありません（実際はアラートを表示しませんが、フィールドに）。

Answer 2

どのように約blur？

var el = $('#textbox').blur(function(e) { 
    if (el.val().length > 4) { 
     return; 
    } 

    el.focus(); 
    alert('data should be more than 4 characters'); 
}); 

この技術は、ユーザーエクスペリエンスの低下になりことに注意してください。要素とインラインでメッセージを表示することは、ユーザーが他のものとやりとりするのを防ぐよりも望ましいことです。

Answer 3

あなたは興味深い可能性がありますいくつかのポイントがあります。

• あなたはmaxlengthがあり、ユーザーはそれを をオフにすることができますよう、フォームを検証するためにJavaScriptのみに依存していると検証
• をバイパスしてはなりません入力のプロパティ
• ユーザー が他の方法でフォーカスを変更することができますので、あなたはおそらく、TABキーアクションを取得するのではなく、onblurを探している