2010-11-01 22 views
5

मैं फॉर्म ऑनकीअप एक्शन को सहेजने की कोशिश कर रहा हूं। मैं jquery के लिए नया हूँ।फॉर्म ऑनकीप एक्शन सबमिट करने के लिए कैसे करें

क्या यह संभव है।

मैं किसी भी मदद की सराहना करता हूं।

संपादित करें 1: फ़ॉर्म को सहेजने का मतलब है सर्वर पर सहेजें। क्या 0.2 सेकंड देरी जोड़ने का कोई तरीका है।

+0

परिभाषित करें कृपया "फार्म, बचाने"। – Robusto

+0

'फॉर्म को सेव' से आपका क्या मतलब है? सर्वर पर जमा करें, एचटीएमएल 5 के स्थानीय भंडारण का उपयोग करें, कुकी पर सहेजें ..? –

उत्तर

8

इस कोड KeyUp

$('#element').bind('keyup', function() { 
    $('#form').delay(200).submit(); 
}); 

पर अपने प्रपत्र प्रस्तुत करेगा इस कोड में आप पत्र भरना होगा और एक ajax के साथ इसे बदल प्रस्तुत

$("#form").submit(function (event) { 
    event.preventDefault(); 
    $.ajax({ 
     type: "post", 
     dataType: "html", 
     url: '/url/toSubmit/to', 
     data: $("#form").serialize(),, 
     success: function (response) { 
      //write here any code needed for handling success   } 
    }); 
}); 

देरी समारोह का उपयोग करने के लिए आप jQuery का उपयोग करना चाहिए अवरोधन 1.4। विलंब में पारित पैरामीटर मिलीसेकंड में है।

+0

धन्यवाद। 0.2 सेकंड देरी जोड़ने का कोई तरीका है। –

+0

@ देरी के लिए मेरे उत्तर में देखें – Lorenzo

+0

धन्यवाद। यह शानदार काम करता है। इसमें $ .ajax जमा करने का कोई तरीका है। सहायता के लिए आप तारीफ के काबिल हैं। –

0

यह मेरा समाधान है:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br"> 
<head><title>Submit after typing finished</title> 
<script language="javascript" type="text/javascript"> 
function DelayedSubmission() { 
    var date = new Date(); 
    initial_time = date.getTime(); 
    if (typeof setInverval_Variable == 'undefined') { 
      setInverval_Variable = setInterval(DelayedSubmission_Check, 50); 
    } 
} 
function DelayedSubmission_Check() { 
    var date = new Date(); 
    check_time = date.getTime(); 
    var limit_ms=check_time-initial_time; 
    if (limit_ms > 800) { //Change value in milliseconds 
     alert("insert your function"); //Insert your function 
     clearInterval(setInverval_Variable); 
     delete setInverval_Variable; 
    } 
} 

</script> 
</head> 
<body> 

<input type="search" onkeyup="DelayedSubmission()" id="field_id" style="WIDTH: 100px; HEIGHT: 25px;" /> 

</body> 
</html> 
संबंधित मुद्दे