同じTImeでのjQuery検証とフィールドヒントの使用

Question

jQuery検証プラグイン（http://docs.jquery.com/Plugins/Validation/）をフィールドヒントと組み合わせて使用​​しようとしています。

フィールドヒントはvalue属性にテキストを配置し、value属性にテキストがあるため、Validationプラグインは何か間違っているとは見なしません。

私の考えでは、フィールドが空の場合、またはフィールドにフィールドヒントと同じテキストが含まれている場合、エラーがスローされます（つまり、誰かがファーストネームフィールドに「ファーストネーム」を入力した場合、エラーが発生します。

を「ヒンティング」のコード（よく知られているの2種類があります？

ありがとう！

ドロン

Answer 1

をコードヒントと一緒に検証を使用するためのエレガントな方法はありますウォーターマークまたはプレースとして古いテキスト）：フィールドの値を置き換えるものと、入力上にある種の要素を配置して、テキストが入力内にあるかのように見えるもの。

私はあなたが最初の種類を使用していると推測しています。そのためには、これらの種類を完全に避け、2番目の方法を採用するプラグインに切り替えてください。 this oneのように、このように動作するプラグインがたくさんありますが、動作方法を必ず確認してください。

ヒントコードを変更することができない場合は、2つの選択肢があります。どちらが理想的ではありませんが、おそらく1は、より多くのあなたに合うでしょう：どんなことをクリアするには、すべての入力を通じてヒンティングコード、フォームのsubmitイベントに結合し、ループ内で

を提出する上

クリア値をヒントと同じ値を持ちます。

この方法の問題点は、が検証プラグインが初期化される前に実行されなければならないということです。入力時にフィールドの検証にも機能しません。ヒントテキストを元に戻すために、検証後に入力を再度チェックする必要があります。

オーバライド.val（）

検証プラグインはjQueryのを使用していますので、あなたは値がヒントに等しい場合''を返すために、jQueryの.val()機能をオーバライドすることができます

var oldVal = $.fn.val; 
$.fn.val = function() { 
    var returnVal = oldVal.call(this); 
    if (returnVal == hintVal) returnVal = ''; 
    return returnVal; 
}; 

明らか欠点入力値を取得するには、プラグインで常に.val()を使用する必要があります。