透かしを入れたテキストボックスを検証する

Question

私はこれを行う方法を尋ねる投稿を見てきましたが、私はJQueryを初めて使っていますので、フォームがどのように設定されているかに役立つ何かが不足している可能性があります。

私はテキストボックスにウォーターマーク "従業員の姓"を持つ検索ボックスを備えた古典的なASPページを持っています。私はこのフィールドを必要に応じて検証したい。透かしは正常に動作していますが、検証は正常に動作しますが、透かしが存在する場合は正しく検証されません。私はそれが入力値としてwatermarkを見ていると思いますか？

ウォーターマークを保持してこのフィールドの検証方法についてのヒントを教えてください。ここで私が使用しているコードです：

<script type="text/javascript"> 
//Form watermarks 
    $(document).ready(function() { 
     $('.watermarked_title').watermark('watermark'); 
    }); 
    </script> 


    <script> 
//Validation 
    jQuery(document).ready(function(){ 
     // binds form submission and fields to the validation engine      
     jQuery("#SearchForm").validationEngine(); 
    }); 

    </script> 

フォームコード：

<form action="EmpSearch.asp" method="Post" id="SearchForm">       
    <input name="SearchLN" id="SearchLN" type="text" size="22" class="validate[required] searchBox watermarked_title" title="Employee Last Name" >&nbsp;&nbsp; 
    <input type="submit" class="button" Value="Search">      
</form> 

Answer 1

透かし値が前に提出クリアする必要があります。

フォームの提出を - プラグインは自動的にすべての透かしをクリーンアップフォームの提出前に、送信する前に透かしを手動で削除する必要はありません。あなたは右のそれを使用している場合

...：

同じ要素にウォーターマークと検証プラグインを使用するには、

あなたは透かしがあるため、フォームの検証が失敗していることが判明した場合検証が行われる前に がクリアされていない場合は、 にウォーターマークと検証を設定する順序を調整する必要があります。

適切な順序は、他のものの前に常にウォーターマークを設定することです。特に検証の前に 。これは、jQueryがフォームの送信中にイベントの順序を慎重に制御し、 でそれらを設定したためです。最初に検証を設定すると、透かしが消去される前に フォームが検証されます。

正しい順序は 次の例のように、正しい順序でコードの行を配置するなど くらい簡単ですに透かしと検証の設定：

$('#myElement').watermark('Required'); 
$('#myForm').validate(); 

source

Answer 2

あなたはフォームのサブミットイベントを処理し、プレースホルダーのフィールドをすべてクリアする必要があります（ウォーターマークとは画像用ではありません）。

$('#myform').submit(function(){ 
    $('.placeholder').each(function(){ 
     var $placeholder = $(this); 
     if ($placeholder.val() == $placeholder.attr('title')) { 
      $placeholder.val(''); 
     } 
    }); 
}); 

これは、あなたがこれらのプレースホルダのフィールドに「プレースホルダー」クラスを与え、あなたはプレースホルダーテキスト（かなり一般的な）を格納するフィールドのtitle属性を使用していることをことを想定しています。そうでない場合は、少し修正する必要があります。