<बटन प्रकार = "सबमिट करें"> संगतता?

Question

मैं एक सबमिट बटन चाहता हूं जो बटन पर प्रदर्शित होने से भिन्न मूल्य प्रस्तुत करता है। <input type="submit"> के साथ आप ऐसा नहीं कर सकते हैं। <button type="submit"> के साथ, हालांकि, यह दो अलग-अलग मान हो सकते हैं। सवाल यह है कि क्या यह सभी ब्राउज़रों में काम करेगा?

इस परीक्षण कोड की कोशिश कर रहा यहाँ:

<form method="get" action=""> 
    <input type="text" name="txt"/> 
    <button type="submit" name="btn" value="val">text</button> 
</form> 

एफएफ 3.6 में यह अद्यतन करता है दोनों मूल्यों को उचित रूप के साथ अपने पता बार (और प्रतिक्रिया करता है मेरे लिए पाठ बॉक्स में दर्ज दबाने)। आईई 8 में, यह एंटर दबाकर भी स्वीकार करता है, पता बार में टेक्स्ट वैल्यू प्रदर्शित करता है, लेकिन यह बटन के मान को जीईटी परम के रूप में नहीं दिखाता है ... क्या इसका मतलब यह है कि यह सबमिट नहीं कर रहा है?

---

मैं छिपे हुए इनपुट का उपयोग नहीं कर सकता क्योंकि मुझे यह निर्धारित करने की आवश्यकता है कि जेएस के बिना कौन सा बटन क्लिक किया गया है।

---

टेस्ट 2:

<form method="get" action=""> 
    <input type="text" name="txt"/> 
    <button type="submit" name="submit1" value="submit1">submit</button> 
    <input type="submit" name="submit2" value="submit2"/> 
    <input type="submit" name="submit3" value="submit3"/> 
</form> 

IE8 में, प्रवेश बटन के किसी भी प्रस्तुत नहीं करता है मार, लेकिन एक मूल्य भेज देंगे submit1 क्लिक करें। यह "सबमिट" भेज देगा, न कि "submit1" जो एफएफ के साथ असंगत है। हालांकि, फॉर्म सबमिट करने से केवल एक बटन दोनों ब्राउज़रों में मूल्य भेजता है, जिसका अर्थ है कि मैं को देख सकता हूं जो बटन को चेक करके क्लिक किया गया था कि GET['submitX'] इसके बजाय मौजूद है या नहीं! प्रवेश दर्ज करने पर क्रोम का थोड़ा अलग व्यवहार है (बटन 2 सबमिट करता है)। ओपेरा एफएफ के साथ संगत लगता है ... लेकिन सभी 4 ब्राउज़र केवल एक बटन सबमिट करते हैं। मेरे पास इंस्टॉल किए गए ब्राउज़र के पहले संस्करण नहीं हैं .... क्या किसी को पता है कि यह पिछले संस्करणों, खासकर आईई 6 में काम करता है?

Answer 1

पुरानी पोस्ट लेकिन मुझे लगता है कि यहां एक समाधान है जो यहां याद किया गया है। button[type=submit] में असंगत व्यवहार के साथ हमेशा समस्याएं होती हैं, खासकर पुराने आईईएस के साथ, और @ मार्क के परीक्षणों से ऐसा लगता है कि हमें अभी भी समस्याएं हैं।

इसके बजाय आप input[type=submit] की विशेषता के लिए दो अलग-अलग मानों का उपयोग कर सकते हैं और सही कार्रवाई प्राप्त करने के लिए इन सर्वर-पक्ष को पार्स कर सकते हैं। उदाहरण के लिए, आप कर सकते हैं:

<form method="get" action=""> 
    <input type="text" name="txt"/> 
    <input type="submit" name="action[do_something]" value="Do Something Cool"/> 
    <input type="submit" name="action[do_another]" value="Do Something Dangerous"/> 
</form> 

केवल सफल (क्लिक किया या डिफ़ॉल्ट) नाम-मान युग्म तो सबमिट हो जाता है कहते हैं, पीएचपी में आप आसानी से की तरह कुछ कर सकते हैं:

<?php 
if (isset($_GET['action']['do_something'])) { 
    // do something 
} else { 
    // do another thing 
} 
?> 

नोट डिफ़ॉल्ट कार्रवाई हमेशा स्रोत में दिखाई देने वाली पहली होगी।

Answer 2

छिपे हुए फ़ील्ड का उपयोग करें, वे इसे करने का सबसे अच्छा तरीका हैं।

<input type="hidden" value="any value you want to enter" /> 

Answer 3

यदि आप बटन टैग का उपयोग करने के बारे में सुनिश्चित नहीं हैं तो यहां एक विकल्प है।

<form method="get" action=""> 
    <input type="text" name="txt" /> 
    <input type="hidden" name="myinput" value="myvalue" /> 
    <input type="submit" name="submit" /> 
</form> 

यह के रूप में के रूप में कुछ ब्राउज़र वास्तव में अपने मूल्य विशेषता बटन टैग के बजाय के अंदर पाठ प्रस्तुत एक बटन टैग की तुलना में अधिक स्थिर रहेगी। उदाहरण के लिए

<button name="mybutton" type="submit" value="one">Two</button> 

कुछ ब्राउज़रों में, आपके पास "एक" सबमिट किया जाएगा, अन्य में, "दो"।

आप विशेष बटन दबाया के आधार पर सशर्त कार्य करना चाहते हैं, तो आप इनपुट पर पाठ के आधार पर ऐसा करने के लिए होता है ...

इस उदाहरण में, प्रदर्शन पाठ ("बटन 1" या "बटन 2") वापस पोस्ट किया जाएगा।

फ़ायरफ़ॉक्स: "txt = & प्रस्तुत = बटन + 1" आईई: "txt = & प्रस्तुत = बटन + 1" सफारी: "txt = & प्रस्तुत = बटन + 1"

और शीघ्र।दो फॉर्म तत्वों को देना एक ही नाम आम तौर पर ब्राउज़र के रूप में संभव होने के रूप में संभव होने के रूप में स्वीकार किया जाता है। हालांकि औपचारिक रूप से दस्तावेज नहीं किया गया है, इसलिए आपको यह तय करना होगा कि आप इस पर कार्य करना चाहते हैं या नहीं।

अंतिम विकल्प के रूप में, क्या कोई कारण है कि आप उन्हें एक फॉर्म फ़ील्ड नहीं दे सकते हैं कि उन्हें दो बटन होने के बजाय नियंत्रण प्रवाह चुनने दें?

<form method="get" action=""> 
    <input type="text" name="txt" /> 
    <select name="myname"> 
     <option value="A">A</option> 
     <option value="B">B</option> 
    </select> 
    <input type="submit" name="submit" value="Go" /> 
</form> 

अद्यतन

आप मामले यदि आप अपनी टिप्पणी में उल्लेख के लिए दो बटन चाहते हैं ... प्रपत्र एक के आधार पर कुछ ताज़ा करने के लिए नीचे यानी एक बटन आधे रास्ते आदानों के उप-समूह और नीचे सबमिट करने के लिए एक और बटन, इस प्रकार आपको चीजें करना चाहिए ...

1) बटन दोनों एक ही काम करना चाहिए - बस फॉर्म सबमिट करें।

2) यदि आपके पास वैध फॉर्म है (यदि वे अनुक्रमिक रूप से काम कर रहे हैं और दो सबमिटों में से पहला को मारा है, तो आपको सर्वर के पक्ष का पता लगाना चाहिए, आपके पास फॉर्म के दूसरे भाग के लिए रिक्त इनपुट होंगे - इसे अमान्य प्रस्तुत करना)।

3) यदि आपके पास अपनी टिप्पणी में उल्लिखित गणना या रीफ्रेश करने के लिए पर्याप्त जानकारी है तो आपको सर्वर-साइड का पता लगाना चाहिए।

मामलों 2 और 3 में, आपको उन फ़ील्ड को चिह्नित करना चाहिए जो उपयोगकर्ता के आगे बढ़ने के लिए आवश्यक हैं।

यह विशेष बटन करने के लिए विशेष बटनों की आवश्यकता को अस्वीकार करता है - उपयोगकर्ता फॉर्म के पहले भाग में टाइप कर सकता है और फिर भी नीचे बटन दबा सकता है - इसलिए आप अपने तर्क को आधार पर नहीं रखना चाहते हैं कि कौन सा बटन था दब गया।

Answer 4

सबमिट करने के बटनों को मान संलग्न न करें। सबमिट बटन वाला एक बटन एक फॉर्म सबमिट करता है। यह सब कुछ करता है और कभी भी ऐसा करने की आशा करनी चाहिए। किसी भी रूप का कोई सबमिशन विधि उद्देश्य और डेटा स्कोप में उसी फॉर्म के सभी अन्य सबमिशन विधियों के बराबर है। एचटीएमएल के इरादे से तार्किक रूप से सही होने के लिए आपको अलग-अलग रूपों का उपयोग करने की आवश्यकता है यदि आप अलग-अलग डेटा को जमा करने पर सशर्त रूप से लौटाना चाहते हैं।

मुझे लगता है कि मेरा जवाब असुविधाजनक है लेकिन जावास्क्रिप्ट का उपयोग करके छिपे हुए इनपुट फ़ील्ड को जोड़ने और हटाने के बिना यह एकमात्र सही उत्तर है।

Answer 5

यह आईई

<button type="submit" name="submit1" value="submit1" onclick="this.value='submit1' ">submit</button> 

सरल और काम करता है पर चाल करना होगा सभी ब्राउज़रों

Answer 6

पर यह है कि मैं क्या इस समस्या के लिए किया था। यह ब्राउज़रों में काम करता है।

<form method="get" action=""> 
    <input type="text" name="txt"/> 
    <input type="hidden" name="btn" id="hiddenbtn" /> 
    <button type="submit" name="btn1" value="val">text</button> 
</form> 

जावास्क्रिप्ट (jQuery की आवश्यकता है):

$(document).ready(function{ 
    $(":submit[name='btn1']").on("click", function() { 
     $("#hiddenbtn").val($(this).val()); 
    }); 
});