बटन पर एचटीएमएल 5 सत्यापन मैन्युअल रूप से ट्रिगर करें

Question

मैं बटन क्लिक पर फॉर्म सत्यापन को संभालने की कोशिश कर रहा हूं। यह फ़ॉर्म को मान्य कर रहा है लेकिन त्रुटि नहीं दिखा रहा है। क्या कोई इस में मेरी सहायता कर सकता है?

<form id="the-form" action="#"> 
    <input type="text" required="required" placeholder="Required text" /> 
    <input type="email" required="required" placeholder="email" /> 
    <button id="btn" type="button">Submit</button> 
</form> 

जावास्क्रिप्ट:

$("#btn").on("click", function(){ 
    if($("#the-form")[0].checkValidity()) 
    { 
     alert('validated'); 
    } 
    else 
    { 
     //show errors 
     return false; 
    } 
}); 

http://jsfiddle.net/5ycZz/

Answer 1

मैं नीचे दिए गए चरणों कार्य करके यह हासिल कर लिया है ठीक से जमा:

//this is <a> click event: 
if (!$('form')[0].checkValidity()) { 
    $('form').find('input[type="submit"]').click(); 
    return false; 
} 

यह भेजने के रूप ट्रिगर किया जाएगा लेकिन नहीं भेजेंगे क्योंकि त्रुटियां होने;)

ऐसा लगता है कि एचटीएमएल 5 सत्यापन त्रुटियों इनपुट पर प्रदर्शित किए जाते हैं [type = "सबमिट करें"] क्लिक करें :)

आशा है कि आप के लिए भी काम करेगा! :)

Answer 2

किसी और बयान निकालें।

1) मैं प्रपत्र हो रही है:

<form> 
    <textarea required></textarea> 
    <input type="submit" style="display:none;"/> 
</form> 

<a>Some other button to trigger event</a> 

2) अब हम अगर रूप है की जाँच करने के लिए है (अपडेट)

$("#btn").on("click", function(){ 
if($("#the-form")[0].checkValidity()) 
{ 
    alert('validated'); //will appear if name and email are of valid formats 
} 
}); 

Answer 3

यहाँ सही जवाब

<form id="the-form" action="#"> 
<input type="text" required="required" placeholder="Required text" /> 
<input type="email" required="required" placeholder="email" /> 
<button id="btn" type="submit">Submit</button> 

$("#btn").on("click", function(){ 
if($("#the-form")[0].checkValidity()) 
{ 
    alert('validated'); 
} 
else 
{ 
    return 0; 
} 

}) है;

Answer 4

आपको बस ऑनक्लिक = "वापसी वैधफॉर्म()" जोड़ने में सक्षम होना चाहिए।

<button id="btn" onclick="return validateForm()" type="button">Submit</button> 

Answer 5

प्रयास करें

reportValidity() 

तो तुम

$("#btn").on("click", function(){ 
    if($("#the-form")[0].checkValidity()) { 
     alert('validated'); 
    } 
    else { 
     $("#the-form")[0].reportValidity(); 
    } 
});