JavaScriptを使用してTextBoxの近くにメッセージを表示

Question

私はaspxフォームを持っており、jqueryまたはjavascriptを使用して検証を行う必要があります。

私はちょうど[（「メッセージ」）を警告していないユーザがポップアップでメッセージを表示することtextbox.Inorderには有効でない値を入力するとテキストボックスの近くにメッセージを与えたい

ユーザーが無効なデータを入力するテキストボックスの位置を確認するにはどうすればよいですか、またはjavascriptまたはjqueryを使用してテキストボックスの近くにメッセージを表示するにはどうすればよいですか？

私は、ぼかしで発生する必要があります。入力した直後に有効なデータを入力したかどうかをユーザーが容易に知ることができます。

ありがとうございます。私はasp.net ajax検証とそのコールアウトエクステンダを使用することに興味はありません。
私はちょうど妥当性検査コールアウトエクステンダーと同様の機能を実装したいです。

Answer 1

ぼかしイベントをテキストボックスにバインドすると、それがどのテキストボックスであるかがわかります。あなたのコールバックJavaScriptを使って、近くにエラーを挿入してください。これが依存あなたは正確にあなたがどのようにjQuery (ASP.NET) Validator Callout Plugin

Answer 2

：あなたはjqueryのをやっている場合は

、それはのようになりますあなたのフォームのレイアウトですが、一般的には次のようなことがあります：テキストフィールドのエラーを表示し、そのフィールドに「エラーボックス」が既に存在するかどうかを確認します。そうであれば、その内容を新しいエラーメッセージで更新してください。そうでない場合は、error要素を追加します。

$.fn.setValidationResult = function(errorMessage) { 
    return this.each(function() { 
    var errId = 'errMsg_' + this.name, errMsg = $('#' + errId); 
    if (!errMsg.length) { 
     $(this).after($('<span></span>', { class: 'validation-error', id: errId })); 
     errMsg = $('#' + errId); 
    } 
    if (errorMessage) 
     errMsg.html(errorMessage).show(); 
    else 
     errMsg.html('').hide(); 
    }); 
}); 

：それをする

一つの方法は、（レイアウト目的のために）特定のクラスで<span>タグ、および入力フィールドの「名前」または「ID」から作られた「ID」の値を用いることであろう

次に、$(yourInput).setValidationResult(whatever);を使用して、検証が成功すると「何か」が空になるようにすることができます。

Answer 3

を使用することができます

$('.my_textboxes').blur(function() {

var textbox = $(this);

//ajax validation call 
$.post('/whereever', {}, function(response) { 
    //ajax callback 
    if (response == 'error') { 
     textbox.next().html(error); //something like this to insert the error into the next element after the texrbox, eg, a span to hold the error 
    } 
});` 

Answer 4

あなたは選択肢を持っている

• http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.js
• http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js
• http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.pack.js
• http://ajax.microsoft.com/ajax/jquery.validate/1.7/additional-methods.js

がコントロールの横にメッセージを指定したり、すべての指定するjQueryの検証プラグインを使用することができますメッセージは1つの場所にあります。

デモは、私はuはjqueryの検証プラグインのURLを置き忘れ考える http://docs.jquery.com/Plugins/validation