jQuery выцветать предупреждение после ввода ключа

Question

if(ns1 == '' && ns2 == '') пусто, чем пользователь получит это предупреждение 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

Attach обработчик с 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(); 
});