किसी अन्य स्क्रीन पर नेविगेट किए बिना jquery का उपयोग करके एक फॉर्म सबमिट करें

Question

मैं इसे बनाने की कोशिश कर रहा हूं ताकि एक फॉर्म सबमिट करने से पृष्ठ नेविगेट करने और सामग्री सबमिट करने के लिए AJAX सबमिट करने का कारण न हो। हालांकि जब मैं सबमिट बटन पर क्लिक करता हूं, तो यह अभी भी फॉर्म की एक्शन विशेषता में पृष्ठ पर नेविगेट करता है। यहाँ जावास्क्रिप्ट:

var options = { 
    success: processLogin 
}; 
$('#loginform').submit(function() { 
    $(this).ajaxSubmit(options); 
    return false; 
}); 

और यहाँ प्रपत्र:

<form id='loginform' action='login.php' method='post'> 
    <table id='logintable'> 
     <tr> 
      <td>Room:</td> 
      <td><input id='roomname' type='text' name='roomname' /></td> 
     </tr> 
     <tr> 
      <td>Nickname:</td> 
      <td><input id='nickname' type='text' name='nickname' /></td> 
     </tr> 
     <tr> 
      <td colspan='2' class='center'><input type='submit' value='Submit' /></td> 
    </table> 
</form> 

Answer 1

उपयोग event.preventDefault()

$('#loginform').submit(function(e) { 
    e.preventDefault(); 
    $(this).ajaxSubmit(options); 
}); 

Answer 2

एक अन्य विकल्प <input id="save" type="Button" value="submit" /> के लिए इनपुट HTML टैग को बदलने के लिए जो आप के लिए एक बटन है कि करता है देता है एक जावास्क्रिप्ट हुक प्रदान करने के अलावा कुछ भी नहीं।

ऐसा करने में आपके प्रपत्र

$("#save").click(function() { 
    $("#loginform").ajaxSubmit(); 
} 

प्रस्तुत आप दबाने में प्रवेश द्वारा प्रपत्र सबमिट करने की क्षमता खो अजाक्स के लिए निम्न जावास्क्रिप्ट का उपयोग करें। आप jquery के निम्न टुकड़े के साथ इसे दूर कर सकते हैं:

$("input").keypress(function(e) { 
    if (e.which == 13) { 
     $("#save").click(); 
    } 
});