为什么显示在其他地方的引导程序输入会立即消失

Why does bootstrap input that displays elsewhere disappear immediately?

本文关键字：输入 消失 引导程序 显示 其他 为什么      更新时间：2023-09-26

我这里有一把小提琴。

当我运行代码时，它启动得很好。我输入日期并点击插入，它出现了半秒钟，然后完全消失了。

小提琴上写着**{"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());
});

因为你的按钮在表单中，所以你需要防止默认：

$（"#get"）.点击（函数（e）{e.preventDefault（）；$（'#msg'）.html（$（'input:text'）.val（））；})；

它会消失，因为你提交了表单。添加它，它将阻止表单提交：

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

jsfiddle

相关文章：