JavaScriptを使用してテキストボックスにフォーカスを設定

Question

テキストボックスのユーザーは日付を入力できます。 OnChangeイベントでは、警告メッセージを表示し、テキストボックスにフォーカスを設定している有効な日付でない場合、javascriptを使用して日付を検証しようとしています。

無効な日付を入力してタブを押すと、onchangeイベントが発生します。無効な日付の場合、texboxにフォーカスが設定されず、フォームの次のテキストボックスにフォーカスが設定されます。

<asp:TextBox ID="txtDateOfBirth" runat="server" 
    onchange="validateDate(this)"></asp:TextBox> 

function validateDate(sender) { 
    if (!Date.parseInvariant(sender.value, "MM/dd/yyyy")) { 
     alert("date is incorrect"); 
     sender.focus(); 
    } 
} 

Answer 1

代わりonchangeのonblurを使用してみてください：

<script type="text/javascript"> 
    check = function (sender) { 
     if (sender) { 
      alert("check");    
      sender.focus(); 
     } 
    } 
</script> 
<asp:TextBox ID="txtTest" runat="server" onblur="check(this);"></asp:TextBox> 

上記の例では、期待どおり、フォーカスが入力に戻されます。