2012-04-20 5 views
0

ページリロード/リフレッシュ/プレスf5後に赤色の入力テキスト(電子メールが間違っている場合)を保持できますか? 問題は、私がf5キーを押すかページをリフレッシュすると、入力テキストの色が赤からデフォルトの黒色に変わります。 誰かが私に適切なコードを表示してくれたらうれしいです。 Tnxを事前に入力してください!ページがリロード/ jQueryのときに入力テキストに赤色を維持するには

これはコードです:

$(document).ready(function(){ 

    var form=$("#form"); 
    var email=$("#email"); 
    var emailVal="неправилен email адрес"; 

form.submit(function(){ 
    if(validateEmail()) {return true;} 
    else{return false;}; 
         }); 

email.keyup(function(){ 
    var a=$("#email").val(); 
    var match_e=/^[A-Za-z0-9]+[A-Za-z0-9_.-]+[A-Za-z0-9][email protected][A-Za-z0-9]+[A-Za-z0-9.-]+ [A-Za-z0-9]+.[a-z]{2,4}$/; 

    if(match_e.test(a)){email.css('color','#000');}}); 

function validateEmail(){ 
    var a=$("#email").val(); 
    var match_e=/^[A-Za-z0-9]+[A-Za-z0-9_.-]+[A-Za-z0-9][email protected][A-Za-z0-9]+[A-Za-z0-9.-]+[A-Za-z0-9]+.[a-z]{2,4}$/; 

    if(match_e.test(a)){ 
     email.css('color','#000'); 
     return true; 
    }else{ 
     email.val(emailVal).css('color','red'); 
     return false;} 
} 
}); 

または1件の以上の提​​案があります。 value = "email"のような初期値のテキストを返すようにして、間違ったメッセージを取り除くことをお勧めします。 ページが更新されたときに赤いテキストを保持するか、削除すると、私には受け入れられます。

+0

いくつかのコードを追加してください – Yorgo

+0

必ず、わずか1秒 'をyour_form_id' – user1288338

答えて

1

注読む:あなたはリロードながら、あなたのテキストの値は、これが持続することをかなり確信しなければなりませんが起こるために、この事については、サーバーから値を送信する必要があることを意味します。検証のために今

使用はvalidation plugin

<script src="dist/jquery.min.js"></script> 
<script src="dist/jquery.validate.js"></script> 

<script> 
    $(function() { 
     $(window).load(function() { 
      $('#your_form_id').valid(); 
     }); 
    }); 
</script> 
<style> 
    .error{ 
     color:red; 
    } 
</style> 

<フォームIDは= > <input name='txt' id='txt' class='email' value='YOUR DEFAULT VALUE'></input>
< /フォーム>

+1

Tnx fo rアドバイス。 – user1288338

+1

このコードを追加すると、次のようになります。 $(ウィンドウ).load(function(){ $( '#email'); val( 'EMAIL ADDRESS_'); }); 今すべては大丈夫です:)。もう一度Tnx – user1288338

0

フォームイベントとは別にDOMが準備されたら、バリデータ関数を呼び出す必要があります。

0

なぜレンダリング後のページvalidateはありませんか? これはreadyイベントで実行できます。 this

関連する問題