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

  • nigahiga

    nigahiga

    21 Temmuz 2006
  • ShotgunSandwichENT

    ShotgunSandw

    3 EKİM 2012
  • Utah Valley Online

    Utah Valley

    9 AĞUSTOS 2010