Ben bir Gönder düğmesi tarafından izlenen bir e-posta adresi için ister bir giriş alanı var. İşte bu ile ilişkili kodu:
HTML
<div class="email">
<form action="handler.php" method="post" id="hgb-signup">
<input type="text" name="email" id="email" value="Enter your email address">
<input type="submit" name="submit" id="submit" value="»" />
</form>
</div>
JAVASCRIPT
Event.observe(window, 'load', function() {
jQuery('#email').focus(function() {
jQuery(this).val('');
});
jQuery("#hgb-signup").submit(function(e){
var dataString = jQuery(this).serialize();
jQuery('#email').val('Sending... please wait...');
jQuery.getJSON('handler.php?callback=?', {
"sent_data": dataString },
function(received_data) {
jQuery('#email').val(received_data.message);
}
);
e.preventDefault();
});
});
Sayfa yüklediğinde hemen, #email
giriş alanı "e-posta adresinizi girin" okur. Eğer Gönder düğmesine tıkladığınızda, o "... lütfen bekleyiniz ... Gönderme" ve orada bir sorun veya gönderme başarılı olsun bağlı olan #email
değerin üzerine yazar, bir ilgili olacak Böyle belirten #email
alanı içinde mesaj. Şimdi, giriş alanı içinde tıkladığınızda, metin kaybolmaktadır .val('')
"e-posta adresinizi girin", ve ben alanı dışında tıkladığınızda, bu mesaj hala gitti. Ben başlangıçta bir .blur()
o gerçek e-posta gönder "e-posta adresinizi girin" ve olmaz, kullanıcıların e-posta adresinizi girin ve gönderin vurmak istiyorsunuz, ancak, istenilen sonucu olan, geri mesaj koymak vardı Eğer gönder düğmesine vurduğunuzda adresi, .blur()
denirdi çünkü.
Şimdi hedef ne olduğunu bilmeden, bir. Blur () alternatif var olup olmadığını, nasıl ben bu durumu en iyi ele?
Temelde, burada aradığım buydu:
# E-posta alan okumalısınız imleç alanı içinde değildir ve imleç alanını terk ettiğinde geri gelmelidir herhangi bir zamanda "e-posta adresinizi girin", ama sonra orada kalmak hata / başarı iletisi istiyorum Kullanıcı geri alan içine tıklar ve bırakır, sonra tekrar "e-posta adresinizi girin" diyebiliriz sürece formu, teslim edilmiştir.
Teşekkürler!