爲什麼在別處顯示的自舉輸入立即消失？

當我運行代碼時，它啓動正常。我輸入日期並單擊插入，然後顯示半秒鐘，然後完全消失。

小提琴說**{"error": "Please use POST request"}**，但它在我的瀏覽器上做同樣的事情。

對此有何看法？

HTML

<h4>Insert Date Here</h4> 
<form role="form"> 
    <div class="row"> 
    <div class="col-xs-12"> 
     <div class="input-group input-group-md"> 
     <input type="text" class="form-control" placeholder="MM/DD/YYYY"/> 
     <div class="input-group-btn"> 
      <button id="get" class="btn">Insert Date</button> 
     </div> 
     </div> 
    </div> 
    </div> 
</form> 

<p> 
    Nisi odio purus mattis. Habitasse nunc enim cursus cum est aenean nisi, enim odio, ultricies, sit arcu platea, pid, turpis. Parturient, arcu sed tristique? Placerat, <span id='msg'></span> parturient, non ridiculus aenean porttitor mauris amet! Elementum in ridiculus, scelerisque proin, risus, turpis magna dignissim habitasse, dis sed, eros. Ut rhoncus sed, lectus tincidunt. 
</p>

的JavaScript

$("#get").click(function() { 
    $('#msg').html($('input:text').val()); 

});

來源

2015-12-10 webfrogs

這是因爲你在提交表格，並執行get操作。你想如何處理表格？你想要提交嗎？ –

因爲你的按鈕是你需要防止默認表單內：

 
$("#get").click(function (e) { 
    e.preventDefault(); 
    $('#msg').html($('input:text').val());   
});

來源

2015-12-10 19:08:33 gaetanoM

它自敗，因爲英語新ubmit表單。添加這一點，它會阻止形式submition：

$('form').submit(function(event) { 
    event.preventDefault(); 
});

jsfiddle

來源

2015-12-10 19:09:00 Keammoort

爲什麼在別處顯示的自舉輸入立即消失？

回答

相關問題