एचटीएमएल 5 सत्यापन से पहले सबमिट करें

Question

क्या एचटीएमएल 5 सत्यापन चरणों से पहले फॉर्म submit कार्रवाई को पकड़ने का कोई तरीका है?

यह what I have tried है:

एचटीएमएल

<form method='post' > 
    <fieldset> 
     <input type='email' name='foo' required /> 
     <input type='submit' /> 
    </fieldset> 
</form> 

jQuery

$('form').submit(function() { 
    $('fieldset').addStyle('error'); 
    return false; 
}) 

लेकिन submit केवल एक बार एचटीएमएल 5 सत्यापन गुजरता शुरू हो रहा है।

Answer 1

नहीं, एचटीएमएल 5 सत्यापन होता है से पहले किसी भी घटना भेजने के बाद, सभी ब्राउज़रों में, बटन पर क्लिक तरह तो यह घटना प्रकार बदलने से संभव हो, अन्य नहीं है:

$('input[type="submit"]').on('click', function() { 
    $('fieldset').addClass('error'); 
}); 

FIDDLE

Answer 2

फार्म पर मान्यता निष्क्रिय करने के लिए jQuery का उपयोग करें जब पेज के पहली बार लोड ताकि आप पहले अपने onsubmit हैंडलर समाप्त हो गया है घटनेवाला से किसी भी मान्यता रोका जा सकता है:

$(document).ready(function(){ 
    $('form').attr('novalidate','novalidate'); 
}) 

,210

और फिर अपने onsubmit समारोह के अंत में, मैन्युअल रूप से जावास्क्रिप्ट के माध्यम से खेतों में से प्रत्येक पर एचटीएमएल 5 सत्यापन बटन (checkValidity() का प्रयोग करके)

Answer 3

बदलें से

<input type='submit' /> 

एक नियमित रूप से बटन

को चलाने

<input type='button' id="submit" /> 

और उसके बाद, बस क्लिक करें घटना पर कब्जा और अपने आप

$('#submit').on('click', function() { 
    $('fieldset').addStyle('error'); 

    // if everything is ok 
    $('form').submit(); 
}) 

भेज सकता हूं