2011-01-12 7 views
13

के साथ फ़ॉर्म सबमिट करने के लिए एंकर टैग का उपयोग कैसे कर सकता हूं मैं वसंत में jquery के साथ फ़ॉर्म सबमिट करने के लिए निम्न एंकर का उपयोग करना चाहता हूं। यह कैसे किया जाता है?मैं jquery

<a target="" title="" class="" href="">Save</a> 

मैं इस की कोशिश की है, जहां requestNew मेरी रूप है:

$(document).ready(function(){ 
    $("a").click(function(){ 
    $("#requestNew").submit(function(){ 
     $.post("../acctRequests", $("#requestNew").serialize()); 
     }); 
    }); 
}); 

यह कहीं भी जाने के प्रतीत नहीं होता।

उत्तर

20

आप एक नया ईवेंट हैंडलर जोड़ रहे हैं; तुम सब करने की जरूरत है मौजूदा गति प्रदान है, और ब्राउज़र के देशी कार्यक्षमता:

$(document).ready(function(){ 
    $("a").click(function(){ 
    $("#requestNew").submit(); 
    }); 
}); 
+0

काम करता है यही कारण है कि ... मदद – coder

4

क्लिक बाहर हैंडलर प्रस्तुत असाइन करें। फिर इसे क्लिक से कॉल करें।

$(document).ready(function(){ 
     // Binds the submit handler to the #requestNew form 
    $("#requestNew").submit(function(){ 
     $.post("../acctRequests", $("#requestNew").serialize()); 
    }); 
    $("a").click(function(e) { 
     $("#requestNew").submit(); // calls the submit handler 
     e.preventDefault(); // Prevents the default behavior of the link 
    }); 
}); 
+0

इस के लिए धन्यवाद सही तरीका है। lonesomeway का जवाब (स्वीकृत एक) मेरे ब्राउज़र के साथ काम नहीं करता क्योंकि एंकर टैग का डिफ़ॉल्ट व्यवहार ओवरलोड नहीं किया गया था, पृष्ठ को फिर से लोड किया गया था, जबकि बाद में पोस्ट डेटा खो रहा था। – eggmatters

0

अगर आप अपने लंगर के लिए एक आईडी जोड़ने आप अपनी क्लिक समारोह में प्रपत्र सबमिट कर सकते हैं:

<a target="" title="" class="" href="" id="saveButton">Save</a> 
$(document).ready(function(){ 
    $('#saveButton').click(function(){ 
    $("#requestNew").submit(); //if requestNew is the id of your form 
    }); 
}); 

आप ajax किसी अन्य समाधान है कि के साथ प्रस्तुत करने के लिए कोशिश कर रहे हैं, लेकिन मैं नहीं कर रहा हूँ यकीन है कि अगर है कि क्या आप अपने प्रश्न के आधार पर

6

इस

<a href="javascript:document.YOUR_FORM_NAME.submit()"> Submit</a> 

<form name="YOUR_FORM_NAME" action="YOUR_ACTION_PAGE_URL" method=POST> 
      <input type="text" name="YOUR_INPUT_NAME" value="YOUR_INPUT_VALUE"/> 
     </form> 

का उपयोग करें बदलें "वाई चाहते हैं आपके लक्षित कार्रवाई url

4

HTML के साथ OUR_ACTION_PAGE_URL "

<form...> 
    ... 
    <a data-role="submit">Save</a> 
</form> 

jQuery

$(function(){ 
    $("[data-role=submit]").click(function(){ 
     $(this).closest("form").submit(); 
    }); 
}); 
0

सबसे आसान तरीका यह है:

<a href="#" onclick="submit()">Submit</a>