jQueryがキー入力後に警告をフェードアウトする

Question

if(ns1 == '' && ns2 == '')がユーザよりも空の場合、ユーザが[submit]ボタンをクリックすると、この警告が表示されます。Please fill in both nameserverユーザーがns1テキストボックスをクリックして入力を開始すると、警告がフェードアウトされます。どうすればそれを達成できますか？お願い助けて？ありがとうございました。

<script type="text/javascript"> 
$(document).ready(function(){ 

     $('#submitButton').click(function(){ 

       var rege = /^([a-z0-9][a-z0-9-]*\.)+[a-z]{2,3}\.$/i; 


     var zone = $('#zone').val(); 
     var nama_subdomain = $('#nama_subdomain').val(); 
     var ns1 = $('#ns1').val(); 
     var ns2 = $('#ns2').val(); 

if(ns1 == '' && ns2 == ''){ 
$('#display').html('Please fill in both nameserver'); 
$("#ns1").focus(); 
return false; 
} 

if(ns1 == ''){ 
$('#display').html('Please fill in nameserver 1'); 
$("#ns1").focus(); 
    return false; 
} 
else if(ns2 == ''){ 
$('#display').html('Please fill in nameserver 2'); 
$("#ns2").focus(); 
    return false; 
} 

var parts = ns1.split('.'); 
var parts2 = ns2.split('.'); 

if (parts.length < 3 || !rege.test(ns1)) 
{ $('#display').html('Invalid nameserver 1 format'); 
$("#ns1").focus(); 
return false; 
} 
else if (parts2.length < 3 || !rege.test(ns2)) 
{ $('#display').html('Invalid nameserver 2 format'); 
$("#ns2").focus(); 
return false; 
} 


     $('#display').html('<img src="http://i.imgur.com/UbMeQ.gif"> saving...'); 
      $.post('pros.php', { 
       zone : zone, 
       nama_subdomain : nama_subdomain, 
       nameserver1 : ns1, 
       nameserver2 : ns2 
      }, 
      function(zone) { 

      $('#display').html(zone); 
      } 
     ); 


     }); 
    }); 


    </script> 

HTML：

<label for="data">Nameserver 1</label> 
      <input type="text" class="textInput" maxlength="255" size="30" value="" id="ns1" name="nameserver1"> 


      <label for="data">Nameserver 2</label> 
      <input type="text" class="textInput" maxlength="255" size="30" value="" id="ns2" name="nameserver2"> 

    <div id="display" style="color: green;"> 

<button id="submitButton" value="Save" type="button"><span>Save</span></button> 

Answer 1

を、メッセージをフェードアウトとなりますことを条件にkeypressイベントハンドラをアタッチユーザーが何かを入力するとバインドを解除します。

if(ns1 == '' && ns2 == ''){ 
    $('#display').html('Please fill in both nameserver'); 
    $("#ns1").focus() 
    .unbind('keypress') 
    .keypress(function(){ 
     if(this.value != ''){ 
     //fade out the message 
     $('#display').fadeOut(); 

     //unbind the keypress event we don't need it now 
     $(this).unbind('keypress'); 
     } 
    }); 
    return false; 
} 

他のテキストボックスも同じです。

Answer 2

これはまさにあなたが説明した方法で動作するはずです：

$(document).ready(function(){ 

     $('#submitButton').click(function(){ 

       var rege = /^([a-z0-9][a-z0-9-]*\.)+[a-z]{2,3}\.$/i; 


     var zone = $('#zone').val(); 
     var nama_subdomain = $('#nama_subdomain').val(); 
     var ns1 = $('#ns1').val(); 
     var ns2 = $('#ns2').val(); 

if(ns1 == '' && ns2 == ''){ 
$('#display').show().html('Please fill in both nameserver'); 
$("#ns1").focus(); 
return false; 
} 

if(ns1 == ''){ 
$('#display').show().html('Please fill in nameserver 1'); 
$("#ns1").focus(); 
    return false; 
} 
else if(ns2 == ''){ 
$('#display').show().html('Please fill in nameserver 2'); 
$("#ns2").focus(); 
    return false; 
} 

var parts = ns1.split('.'); 
var parts2 = ns2.split('.'); 

$('#ns1, #ns2').keypress(function(){ 
    $('#display').fadeOut(); 
});