0

フォームに値が含まれるテキストボックスがいくつかあります。ユーザーがテキストボックスをクリックしたときに値をクリアするためにonfocusとonblurを使用しています。テキストボックスの検証も試みていますが、ボックスにすでに値があるため、検証は機能しません。値（つまり、名）を無視する検証を取得する方法はありますか？

ありがとう！

<script type="text/javascript">

 var j = jQuery.noConflict();

    j(document).ready(function() {


        j("#ContactUs_Solutions_EN2012").validate({

        rules: {
 realname: "required",
 email: {
   required: true,
   email: true
 }
 },
messages: {
 realname: "<p style='color:red; font-size:12px; margin:-10px 0 0px 0; padding:10px 0px 10px 10px ; text-align:right;'>Please specify your name</p>",
 email: {
   required: "<p style='color:red; font-size:10px; margin:-10px 0 0px 0; padding:0; text-align:right;'>We need your email address to contact you</p>",
   email: "Your email address must be in the format of name@domain.com"
  }
}
        });
    });
</script>

<input style="WIDTH: 275px" id="First_Name" name="realname" class="required" size="25" minlength="2" value="First Name" >
4

2 に答える 2

0

グローバルブール変数を作成し、それをfalseとして初期化することができます。「オンフォーカス」関数で、ブール値をtrueに変更するだけです。ブール変数がtrueの場合にのみエラーメッセージを表示します。

または、HTML5属性「プレースホルダー」を使用することもできます

これは基本的に、テキストボックスに実際に値を入力しなくても、フォーカス部分を実行します。

詳細については、 http：//www.w3schools.com/html5/att_input_placeholder.aspを参照 してください。

于 2012-06-22T21:11:45.897 に答える
0

テキストボックスに値を入力するため、検証は機能しません。値をプレースホルダーに変更します。プレースホルダーが自動的に行うため、値をクリアするためにonfocusとonblurを設定する必要はありません。

<input style="WIDTH: 275px" id="First_Name" name="realname" class="required" size="25" minlength="2" placeholder="First Name" >
于 2012-06-22T21:16:06.790 に答える