ऑनसेट सबमिट करें एचटीएमएल फॉर्म

Question

मैं फॉर्म का डेटा जमा करने के लिए जावास्क्रिप्ट का उपयोग करने की कोशिश कर रहा हूं। यहां एचटीएमएल है।

<form onsubmit="post();"> 
//input fields here 
</form> 

यहाँ post() समारोह के लिए जावास्क्रिप्ट है।

var post = function() { 
alert('the form was submitted'); 
return false; 
} 

मेरे मुद्दा यह है कि जावास्क्रिप्ट चलता है, लेकिन अभी भी रूप संसाधित करता है और पेज ताज़ा करता है ..

मुझे उम्मीद है कि यह ताज़ा से प्रपत्र बंद कर देंगे में return false; कोड डाल दिया।

Answer 1

आप वापसी, ऑनसबमिट हैंडलर में पोस्ट() फ़ंक्शन के बाद झूठी हिस्सा डाल करने के लिए तो जैसे होगा:

<form onsubmit="post();return false;"> 
//input fields here 
</form> 

Answer 2

आप वास्तव में से अपने इनलाइन डोम -0 हैंडलर झूठी लौटना ही होगा। तो

onsubmit = "post();"> 

को

onsubmit = "return post();"> 

---

बदलने या फिर आप अपने प्रपत्र एक आईडी देने के लिए और ऐसा कर सकता है:

<form id="form1" onsubmit = "post();"> 

फिर एक सुरक्षित स्थान से है, जिसमें अपने डोम तैयार है :

document.getElementById("form1").onsubmit = post; 

Answer 3

जब से तुम jQuery टैग जोड़ा, इस का सबसे अच्छा तरीका यह करने के लिए यह:
विनीत घटना देते

$('form').submit(function(){ 
     alert('the form was submitted'); 
     return false; 
    }); 

अपने की तरह होना चाहिए;

<form onsubmit="return post();"> 

Answer 4

अपने जेएस को डीओएम से बाहर रखें।

<form id="myform" action="somepage.php" method="post"> 
//input fields 
</form> 

JQuery:

$('#myform').submit(function(event){ 
    alert('submitted'); 
    event.preventDefault(); 
}); 

Answer 5

के बाद से इस पोस्ट jQuery के साथ टैग है, मैं निम्नलिखित समाधान की पेशकश करेंगे:

$('form').submit(function(e){ 
    //prevent the form from actually submitting. 
    e.preventDefault(); 
    //specify the url you want to post to. 
    //optionally, you could grab the url using $(this).attr('href'); 
    var url = "http://mysite.com/sendPostVarsHere"; 
    //construct an object to send to the server 
    //optionally, you could grab the input values of the form using $(this).serializeArray() 
    var postvars = {}; 
    //call jquery post with callback function 
    $.post(url, postvars, function(response){ 
    //do something with the response 
    console.log(response); 
    }, 'json') 
});