Angular.js: ngSubmit फ़ायर फॉर्म सबमिशन बिना टाइप = "बटन" के किसी भी बटन पर

को निर्मित 28 जन॰ 2014 · 13टिप्पणियाँ · स्रोत: angular/angular.js

मैं सिर्फ एक ऐसे मुद्दे में भाग गया जहां कोणीय मेरे फॉर्म को दो बार जमा कर रहा था।

        <div class="text-center">
          <input type="submit" class="btn btn-primary" value="Create" />
          <button class="btn btn-primary" ng-click="close()">Close</button>
        </div>

यहां दोनों बटन फॉर्म जमा करते हैं जिसके परिणामस्वरूप दोहरा सबमिशन होता है। मुझे एहसास है कि इस मुद्दे को किसी भी बटन पर फॉर्म जमा करने वाले कोणीय के साथ है जो टाइप = "बटन" नहीं है। उस विशेषता को बंद करें बटन में जोड़ने से यह ठीक हो जाता है। मुझे नहीं पता कि यह इरादा है या नहीं, लेकिन इसने मुझे तब तक चकित कर दिया जब तक कि मैंने इसका पता नहीं लगा लिया, इसलिए इस पर ध्यान देने का फैसला किया।

forms low inconvenient

स्रोत

parliament718

👍21

सबसे उपयोगी टिप्पणी

मैंने इस पर घंटों बर्बाद किया ...

एनजी-सबमिट केवल स्पष्ट रूप से टाइप = "सबमिट" सेट वाले बटनों के लिए निकाल दिया जाना चाहिए।

soichih 31 जुल॰ 2014

👍81 👎6 ❤5

सभी 13 टिप्पणियाँ

मुझे लगता है कि यह वें दस्तावेज़ों में वर्णित है, हालांकि यह उल्लेख नहीं किया गया है कि आप puttint type="button" द्वारा सबमिशन को रोक सकते हैं:

यदि किसी फॉर्म में एक या अधिक इनपुट फ़ील्ड और एक या अधिक बटन या इनपुट [टाइप = सबमिट] हैं तो किसी भी इनपुट फ़ील्ड में एंटर मारने से पहले बटन पर क्लिक हैंडलर या इनपुट टाइप = सबमिट और सबमिट हैंडलर पर क्लिक हैंडलर ट्रिगर हो जाएगा। संलग्न प्रपत्र (ngSubmit)

Narretz 28 जन॰ 2014

👍43 ❤8 🎉4 👀1

मैंने इस पर घंटों बर्बाद किया ...

soichih 31 जुल॰ 2014

👍81 👎6 ❤5

वह है .... एचटीएमएल कैसे काम नहीं करता है?

caitp 31 जुल॰ 2014

👍12

ओह, तो यह ठीक उसी तरह है जैसे HTML फॉर्म किसी भी बटन को डिफ़ॉल्ट रूप से सबमिट बटन के रूप में संभालता है .. एंगुलर से कोई लेना-देना नहीं है (और एंगुलर एनजी-सबमिट को फायर करने के लिए फॉर्म सबमिट इवेंट का उपयोग कर रहा है - जो समझ में आता है)। मुझे आश्चर्य है कि टाइप = "सबमिट" क्यों मौजूद है?

वैसे भी .. मैं सभी बटनों पर टाइप = "बटन" जोड़ना सुनिश्चित करूंगा जब तक कि यह सबमिट बटन न हो।

soichih 31 जुल॰ 2014

👍23 😄3

@ सोइचिह - हाँ, तुम सही हो। ngSubmit सिर्फ सबमिट इवेंट पर प्रतिक्रिया कर रहा है और ब्राउज़र इसे ट्रिगर करने के लिए जिम्मेदार है।

ऐसा होने पर वास्तव में कई परिदृश्य होते हैं।

हैंडलर के दोहरे निष्पादन को रोकने के लिए, ngSubmit या ngClick निर्देशों में से केवल एक का उपयोग करें। यह HTML विनिर्देश में निम्नलिखित फॉर्म जमा करने के नियमों के कारण है:
यदि किसी प्रपत्र में केवल एक इनपुट फ़ील्ड है तो इस फ़ील्ड में एंटर दबाने से फ़ॉर्म सबमिट हो जाता है (ngSubmit)
अगर किसी फॉर्म में 2+ इनपुट फ़ील्ड हैं और कोई बटन या इनपुट नहीं है [टाइप = सबमिट] तो एंटर मारने से सबमिट ट्रिगर नहीं होता है
यदि किसी फॉर्म में एक या अधिक इनपुट फ़ील्ड और एक या अधिक बटन या इनपुट [टाइप = सबमिट] हैं तो किसी भी इनपुट फ़ील्ड में एंटर मारने से पहले बटन पर क्लिक हैंडलर या इनपुट टाइप = सबमिट और सबमिट हैंडलर पर क्लिक हैंडलर ट्रिगर हो जाएगा। संलग्न प्रपत्र (ngSubmit)

यह यहाँ प्रलेखित है: https://docs.angularjs.org/api/ng/directive/form
हमें इसे ngSubmit डॉक्स में या तो डुप्लिकेट करना चाहिए या अधिक स्पष्ट रूप से संदर्भित करना चाहिए।

petebacondarwin 31 जुल॰ 2014

👍4

@petebacondarwin उसके लिए एक त्वरित पैच एक साथ रखना चाहते हैं?

caitp 31 जुल॰ 2014

ओह, आगे बढ़ो :-)

petebacondarwin 31 जुल॰ 2014

इसे इंगित करने के लिए बहुत-बहुत धन्यवाद! मैं शायद इस पोस्ट के साथ इसे कभी नहीं समझ पाया! चीयर्स! -- स्टीव

svanetten1976 20 जन॰ 2015

👍1

FYI करें, यह Ionic3 में भी हो रहा है... दूसरे बटन में type="button" जोड़ने से भी समस्या ठीक हो जाती है

rodneyjoyce 26 अप्रैल 2017

👍9

धन्यवाद सोचीहो

arabindawhiz 30 अग॰ 2017

आपको सावधान रहना होगा क्योंकि यदि आपके पास एक से अधिक बटन हैं, भले ही आपने निर्दिष्ट किया है कि एक सबमिट किया गया है, तो यह उनमें से किसी में सबमिट किया गया है जिसमें टाइप = "बटन" नहीं है।

fabidefabula 13 फ़र॰ 2018

👍2

क्या होगा यदि type="button" जोड़ना कोई समाधान नहीं है क्योंकि प्रपत्र पर कस्टम बटन घटकों का उपयोग किया जाता है?

moniuch 15 मार्च 2018

👍3

@moniuch , जैसा कि डॉक्स में बताया गया है, यह ब्राउज़र द्वारा किया जाता है, न कि AngularJS द्वारा। यह मानक HTML व्यवहार है।

gkalpak 15 मार्च 2018

👍2

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Angular.js: ngSubmit फ़ायर फॉर्म सबमिशन बिना टाइप = "बटन" के किसी भी बटन पर

सबसे उपयोगी टिप्पणी

सभी 13 टिप्पणियाँ

संबंधित मुद्दों