Nasıl yanındaki metin kutusuna ajax kullanarak bir hata iletisi görüntüler mi?

5 Cevap

Ben sadece PHP başladım. Üç metin kutularının (isim, e-posta, yaş) var olduğu bir form oluşturduk. Şimdi Metinkutusu1 Deepak doldurun ve sonra bir sonraki metin gitmek için sekmesine basın ama ben boş tutmak ve sonra ben son metin yine sekmesine ve g basın varsayalım. Üçüncü metin ilerlerken, TextBox2 bir hata mesajı görüntülenir edilmelidir sağ tarafta (plz e-posta kutusunu doldurmak). Bunu nasıl yapabilirim? Ben sayfayı yenileyerek değilim çünkü bu ajax kullanılacak için biliyorum. Bir örnek verin. Onu bir kez olsun bütün kutuları için bu uygulayabilirsiniz Çünkü ...

                          Thanking You in Advance...

5 Cevap

Yaş giriş odak üzerinde, jQuery kullanarak e-posta alanına metnin varlığı için metin olabilir.

Eğer aşağıdaki HTML var Providied

<input type="text" id="email" />
<p id="email-error-label"></p>
<input type="age" id="email" />

Aşağıdaki JavaScript kullanabilirsiniz:

$('#age').focus(function (){
  email = $('#email').val();
  if(email.length() == 0)
  {
    $('#email-error-label').val('Please fill in email');
  }  
});

NB: I have not tested this code

Eğer gerekir [belirli bir JS kütüphanesi kullanıyorsanız ve bir örnek sağlanan bağlantı olup olmadığını bağlıdır] uygulama kazma olmadan:

  1. Eğer çıpa olarak kullanmak istediğiniz eleman bulmak
  2. DOM çıpa yanındaki çocuk ekler ve görüntülemek istediğiniz içeriği ile doldurun ile başka bir öğe oluşturun.

Bu örnekte de bir göz atabilirsiniz:

http://www.dustindiaz.com/add-remove-elements-reprise/

tüm sen lüzum saf javascript ile dom manipüle edilir, ajax değildir.

O (jquery kütüphanesini kullanarak) odağı kaybettiğinde aslında, o bulanıklık olay e-posta kontrol etmek daha iyi olurdu, yani:

$('#email').blur(function (){
email = $('#email').val();
if(email.length() == 0)
{
    $('#email-error-label').val('Please fill in email');  
}  
});

PS: Birisi onun / onun tarayıcıda JS kapatır ise, doğrulama, neden sadece istemci tarafı kodu kullanabilirsiniz etmeyin, doğrulama çalışmaz.

Ajax her zaman programınızda gerekli değildir

Önce ajax ne olduğunu açıklamak zorunda, ajax, çok basit bir teknoloji

  1. Eğer (* 1) ve bazı çıktılar üretmeleri (* 2), bazı girdi aldığınız bir php (veya herhangi bir sunucu) sayfası var
  2. html + javascript sayfası gerekli, o, size baz sayfasını gösterir sonra eğer (bir tuşa basın veya herhangi bir olay) (* 1), daha sonra php sayfasından bir yanıt bekleyin (* 2) için php sayfaya bir istek gönderir gerekli (* 3), sonucu aldıktan sonra, javascript olay (* 3) sayfanızı güncelleyecek bir kullanıcı tanımlı işlevi yürütmek.

böylece sorun kullanıcı e-posta adresi (önceden kayıtlı kullanıcı kontrol) Eğer ajax kullanabilirsiniz, ama sadece e-posta geçerli olup olmadığını kontrol etmek istiyorsa, basit bir javascript kodu kullanabilirsiniz ile birşeyler özel kontrol etmek istiyorsanız

etiketler