Opera 11'de HTML5 istemci tarafı form doğrulaması kullanılırken form gönderimi nasıl önlenir?

Question

Opera 11'de HTML5 istemci tarafı form doğrulaması kullanılırken form gönderimi nasıl önlenir?

<section> 
 
    <h2>Test</h2> 
 
    <form> 
 
    <input type="text" name="test" id="test" required/> 
 
    <input type="submit" value="Test" /> 
 
    </form> 
 
</section>

Doğrulama Opera 11'de çalışır, ancak düğme bir değer girildikten sonra tıklandığında, tarayıcı formu gönderen: Burada

örnek bir deney sayfası.

Tarayıcının her zaman web sayfasında kalmasını istiyorum, bu yalnızca istemci tarafında sadece komut dosyaları için, örneğin sunucu olmayan yerel sabit diskte iyidir.

return false; eklediğimde veya formun gönderilmesini engellemeye çalıştığınızda, doğrulama artık çalışmaz.

Opera 2092

DÜZENLEME 11.10 Yapı: robertc en çözümüne

sayesinde çalışma var. İşte jQuery'siz test sayfası. Tamam

Answer 1

(function() { 
 
    "use strict"; 
 

 
    window.addEventListener("load", function() { 
 
    document.getElementById("testForm").addEventListener("submit", function(event) { 
 
     event.target.checkValidity(); 
 
     event.preventDefault(); // Prevent form submission and contact with server 
 
     event.stopPropagation(); 
 
    }, false); 
 
    }, false); 
 
}());

<section> 
 
    <h2>Test</h2> 
 
    <form id="testForm"> 
 
    <input type="text" name="test" id="test" required/> 
 
    <input type="submit" value="Test" /> 
 
    </form> 
 
</section>

, try this.

<section> 
    <h2>Test</h2> 
    <form id="form"> 
     <input type="text" name="test" id="test" required/> 
     <input type="submit" value="Test"/> 
    </form> 
</section> 

Sonra checkValidity() yöntemini çağıran bir işleve submit olayı bağlamak: formu daha önce olduğu gibi temelde

function manualValidate(ev) { 
    ev.target.checkValidity(); 
    return false; 
} 
$("#form").bind("submit", manualValidate);