सबमिट बटन ऑनक्लिक ईवेंट में फॉर्म सबमिशन कैसे रद्द कर सकता हूं?

Question

मैं एक एएसपीनेट वेब एप्लिकेशन पर काम कर रहा हूं।

मेरे पास सबमिट बटन के साथ एक फॉर्म है। सबमिट बटन के लिए कोड <input type='submit' value='submit request' onclick='btnClick();'> जैसा दिखता है।

function btnClick() { 
    if (!validData()) 
     cancelFormSubmission(); 
} 

मैं यह करने के लिए कैसे करते हैं:

मैं निम्नलिखित की तरह कुछ लिखने के लिए करना चाहते हैं?

Answer 1

आप कर से बेहतर रहे हैं ...

<form onsubmit="return isValidForm()" /> 

isValidForm() तो रिटर्न false, तो अपने प्रपत्र प्रस्तुत नहीं करता है।

आपको शायद अपने ईवेंट हैंडलर को इनलाइन से भी ले जाना चाहिए।

document.getElementById('my-form').onsubmit = function() { 
    return isValidForm(); 
}; 

Answer 2

उपयोग onclick='return btnClick();'

और

function btnClick() { 
    return validData(); 
} 

Answer 3

function btnClick() { 
    return validData(); 
} 

Answer 4

आप

onclick='btnClick();' 

को

onclick='return btnClick();' 

बदलने की जरूरत है 210

और

cancelFormSubmission(); 

return false; 

कहा कि, मैं एक अच्छा घटना है कि आंतरिक घटना एक पुस्तकालय (जैसे YUI या jQuery के रूप में) के साथ unobtrusive JS के पक्ष में विशेषताओं से बचने की कोशिश करता हूँ करने के लिए एपीआई को संभालना और उस घटना में टाई जो वास्तव में मायने रखती है (यानी बटन के क्लिक ईवेंट की बजाय फॉर्म सबमिट सबमिट करें)।

Answer 5

यह करने के लिए अपने इनपुट बदलें:

<input type='submit' value='submit request' onclick='return btnClick();'> 

और अपने कार्य में झूठी वापसी

function btnClick() { 
    if (!validData()) 
     return false; 
} 

Answer 6

एक नियमित रूप से बटन के लिए बटन प्रस्तुत क्यों नहीं बदल, और क्लिक करें घटना पर, अपने प्रपत्र सबमिट अगर यह आपके सत्यापन परीक्षण पास करता है?

, उदा,

<input type='button' value='submit request' onclick='btnClick();'> 

function btnClick() { 
    if (validData()) 
     document.myform.submit(); 
} 

Answer 7

आप onSubmit की जरूरत है। onClick अन्यथा कोई भी एंटर दबा सकता है और यह आपके सत्यापन को बाईपास कर देगा। रद्द करने के लिए के रूप में। आपको झूठी वापसी की जरूरत है। कोड यह रहा:

<form onSubmit="return btnClick()"> 
<input type='submit' value='submit request'> 

function btnClick() { 
    if (!validData()) return false; 
} 

संपादित ऑनसबमिट प्रपत्र टैग में अंतर्गत आता है।

Answer 8

आप return false; की जरूरत है:

<input type='submit' value='submit request' onclick='return btnClick();' /> 

function btnClick() { 
    return validData(); 
} 

Answer 9

आप submit से button के प्रकार बदलना चाहिए:

<input type='button' value='submit request'> 

बजाय

<input type='submit' value='submit request'> 

आप तो जावास्क्रिप्ट और सहयोगी में जो कुछ भी कार्रवाई करने के लिए आप चाहते हैं यह

var btn = document.forms["frm_name"].elements["btn_name"]; 
btn.onclick = function(){...}; 

काम किया मुझे आशा है कि के लिए यह मदद करता है अपने बटन के नाम मिलता है।

Answer 10

यह आसान है, बस झूठी वापसी;

नीचे कोड jQuery का उपयोग कर ..

if(conditionsNotmet) 
{ 
return false; 
} 

Answer 11

कभी कभी onsubmit asp.net के साथ काम नहीं करेंगे सबमिट बटन की onclick भीतर चला जाता है।

मैंने इसे बहुत आसान तरीके से हल किया।

अगर हम इस तरह के एक रूप है

<form method="post" name="setting-form" > 
    <input type="text" id="UserName" name="UserName" value="" 
     placeholder="user name" > 
    <input type="password" id="Password" name="password" value="" placeholder="password" > 
    <div id="remember" class="checkbox"> 
    <label>remember me</label> 
    <asp:CheckBox ID="RememberMe" runat="server" /> 
    </div> 
    <input type="submit" value="login" id="login-btn"/> 
</form> 

अब आप प्रपत्र पोस्टबैक से पहले उस घटना पाने को पकड़ने और पोस्टबैक से रोकने और सभी ajax आप इस jQuery का उपयोग कर चाहते हैं कर सकते हैं।

$(document).ready(function() { 
      $("#login-btn").click(function (event) { 
       event.preventDefault(); 
       alert("do what ever you want"); 
      }); 
});