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

Прикрепите обработчик события keypress к этому условию, которое приведет к исчезновению сообщения, а затем отменит его привязку, как только пользователь что-нибудь наберет.

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();
});