SORU
11 Mart 2011, Cuma


HTML5 form özniteliği gerekli. Özel doğrulama mesajı?

Aşağıdaki HTML5 form var: http://jsfiddle.net/nfgfP/

Bir pop-up kutusu görünür söyleyerek hem boş olunca girin vurduğumda şu anda "Lütfen bu alanı doldurun" nasıl varsayılan mesajı değiştireyim "Bu alanı boş bırakılamaz"?

DÜZENLEME:Ayrıca alanın hata mesajı şifre türü sadece ***** olduğunu unutmayın. Bu yeniden oluşturmak için kullanıcı adı bir değer verin ve gönderin vurdu.

EDİT: Test için 10 Chrome kullanıyorum. Aynı şeyi lütfen

CEVAP
11 Mart 2011, Cuma


Kullanım setCustomValidity:

document.addEventListener("DOMContentLoaded", function() {
    var elements = document.getElementsByTagName("INPUT");
    for (var i = 0; i < elements.length; i  ) {
        elements[i].oninvalid = function(e) {
            e.target.setCustomValidity("");
            if (!e.target.validity.valid) {
                e.target.setCustomValidity("This field cannot be left blank");
            }
        };
        elements[i].oninput = function(e) {
            e.target.setCustomValidity("");
        };
    }
})

Yorum itpastorn önerdiği gibi 10 ** Mootools, ama Mootools gerekirse eşdeğer bulmak gerekir.

--edit

setCustomValidity biraz ben aslında cevap verdiğinde anladım ne için farklı çalışır gibi burada kodu güncelledik. Eğer setCustomValidity ayarlamak için başka bir şey, boş bir dize neden olacak sahada dikkat edilmesi geçersiz; bu nedenle gerektiği açıktır önce test geçerliliği, sadece ayarlayın ve unutun.

daha düzenleyin

Gösterilen @thomasvdb yorum aşağıda, ihtiyacınız temizlemek için özel bir geçerlilik bazı olay dışında invalid aksi olabilir ekstra geçmek oninvalid işleyicisi açık.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Avast

    Avast

    27 NİSAN 2006
  • Kanál používateľa McsFuego

    Kanál použ

    12 EKİM 2011
  • SunsetTrance

    SunsetTrance

    20 EYLÜL 2008