अलर्ट बॉक्स बंद करने के बाद यूआरएल में प्रश्न चिह्न

Question

मेरे पास सबमिट बटन पर क्लिक होने पर ट्रिगर होने के लिए एक बहुत ही सरल जेएस अलर्ट के साथ एक डमी बूटस्ट्रैप मोडल है। कोड को लाइव here है और यह यह क्या लग रहा है की तरह है:

<div class="modal fade" id="contact" role="dialog" > 
<div class="modal-dialog"> 
    <div class="modal-content"> 
     <form class="form-horizontal" role="form" name="contact-form"> 
      <div class="modal-header"> 
       <h4>test</h4> 
      </div> 
      <div class="modal-body"><p>This is body</p></div> 
      <div class="modal-footer"> 
       <button type="submit" id="submit" class="btn btn-primary btn-lg" onclick="alert('something');">Send</button> 
      </div> 
     </form> 
    </div> 
</div> 

आप साइट पर जाते हैं, तो आप मोडल शीर्ष नेविगेशन मेनू में संपर्क लिंक पर क्लिक करके ट्रिगर कर सकते हैं। मोडल इस तरह दिखता है:

जैसा कि आप देख सकते हैं, वहाँ सिर्फ एक क्षेत्र है और एक बटन सबमिट करें। बटन का ऑनक्लिक() ईवेंट स्क्रीन पर "कुछ" शब्द को अलर्ट करने के लिए सेट है। यह ठीक काम करता है सिवाय इसके कि जब आप अलर्ट बंद करते हैं, तो पृष्ठ "?" से ताज़ा होता है यूआरएल में जोड़ा गया। मैं इस रीफ्रेश को कैसे रोकूं और प्रश्न चिह्न कहां से आता है?

Answer 1

पहले तो मैंने सोचा कि यह होता है कि क्योंकि बटन संपत्ति submit को type सेट है, तो मैं पूरी तरह से इस संपत्ति को दूर करने की सलाह देते हैं, और अनुगामी प्रश्न चिह्न शायद अब और दिखाई नहीं देतीं। लेकिन यह करता है।

वास्तव में क्या करने की आवश्यकता है ईवेंट डिफ़ॉल्ट कार्रवाई को को रोका जाना है। ऐसा करने के लिए, false लौट वहीं onclick घटना कॉलबैक फ़ंक्शन में:

<button onclick="alert('something'); return false;">...</button> 

इस तरह आप, ठीक है, अवास्तविक लौटाते हैं, और यह माना जाता है के रूप में यदि आप क्लिक करें घटना के आगे निष्पादन रोकना चाहते हैं, प्रभावी ढंग से प्रस्तुत ऑपरेशन।