javascript - Ember.js TextField action submits form -


मेरे पास निम्न फ़ॉर्म है:

  & lt; form class = "form-horizontal" {{एक्शन "फ़ॉर्मसबमिट"}} & gt; & Lt; div वर्ग = "फॉर्म-समूह" & gt; & LT; लेबल & gt; उपयोगकर्ता: & lt; / लेबल & gt; {{इनपुट प्रकार = "टेक्स्ट" मान = उपयोगकर्ता कार्रवाई = "खोजयूसर"}} & lt; / div & gt; & Lt; div वर्ग = "फॉर्म-समूह" & gt; & LT; लेबल & gt; नोट: & lt; / लेबल & gt; {{इनपुट टाइप = "टेक्स्ट" मान = नोट्स}} & lt; / div & gt; & Lt; बटन प्रकार = "सबमिट करें" वर्ग = "बीटीएन बीटीएन-प्राथमिक" & gt; सहेजें & lt; / button & gt; & Lt; / प्रपत्र & gt;   

जैसा कि आप देख रहे हैं, मेरे पास इस फ़ॉर्म के लिए दो क्रियाएं हैं:

  1. जब मैं यूजर इनपुट फील्ड पर टाइप करता हूं और एंटर दबाता हूं, तो यह

    अब

  2. , यहां समस्या है।

    जब मैं उपयोगकर्ता टेक्स्ट फ़ील्ड पर कुछ लिखता हूं और एंटर दबाता हूं, तो यह findUser कार्रवाई पर < / Strong> भी फ़ॉर्म सबमिट सबमिट करें । जैसा कि मुझे पता है, यह कैसे एक रूप सामान्य रूप से व्यवहार करता है। जब आप किसी पाठ फ़ील्ड में प्रवेश करते हैं, तो वह फ़ॉर्म सबमिट करता है।

    क्या इस व्यवहार पर कोई वैकल्पिक उपाय है? जब मैं उपयोगकर्ता टेक्स्ट फ़ील्ड पर प्रवेश करता हूं, तो मुझे findUser कार्रवाई से निकाल दिया जाना चाहिए, लेकिन फ़ॉर्म सबमिट न करें।

    कृपया मदद करें।

    एक वैकल्पिक हल स्वयं फॉर्म को निकाल रहा है आप बटन पर कार्रवाई कर सकते हैं आपको कुछ फार्म से संबंधित विशेषताओं का त्याग करना पड़ सकता है लेकिन फिर भी बहुत अच्छी तरह से काम करता है। यहां जेएसबीएन है।

    वहां कुछ और बेहतर तरीके भी हो सकते हैं।

      & lt; div class = "form-group" & gt ; & LT; लेबल & gt; उपयोगकर्ता: & lt; / लेबल & gt; {{इनपुट टाइप = "टेक्स्ट" मान = उपयोगकर्ता कार्रवाई = "खोजयूसर" बुलबुले = झूठे}} & lt; / div & gt; & Lt; div वर्ग = "फॉर्म-समूह" & gt; & LT; लेबल & gt; नोट: & lt; / लेबल & gt; {{इनपुट टाइप = "टेक्स्ट" मान = नोट्स}} & lt; / div & gt; & Lt; बटन प्रकार = "सबमिट करें" वर्ग = "बीटीएन बीटीएन-प्राथमिक" {{action "formSubmit"}} & gt; सहेजें & lt; / button & gt;   

    और javascript

      App.IndexController = Ember.Controller.extend ({actions: {findUser: function () {console.log ('उपयोगकर्ता खोजें ');}, FormSubmit: function () {console.log (' फ़ॉर्म सबमिट ');}}});    

Comments

Popular posts from this blog

Verilog Error: output or inout port "Q" must be connected to a structural net expression -

jasper reports - How to center align barcode using jasperreports and barcode4j -

c# - ASP.NET MVC - Attaching an entity of type 'MODELNAME' failed because another entity of the same type already has the same primary key value -