2013-04-29 59 views
0

我在Bootstrap网页上使用一个textarea并提交按钮。当你点击按钮时,textarea中的任何内容都应该被添加到div中。Bootstrap表单需要页面焦点吗?

除了一件事情之外,页面上的所有东西都有效,你必须点击一个菜单项或其他东西(在URL的末尾添加一个#以使其工作),否则页面会刷新。

这是什么意思?有一个简单的解决方法吗?

+1

为什么不发布一些你到目前为止的代码? – 2013-04-30 02:20:50

回答

1

没有看到一些代码我不能确定,但​​您可能不会停止窗体上的默认提交事件。您需要在提交功能中使用return false;event.preventDefault()

下面是一个例子:

<form id="doitform"> 
    <input type="text" id="textvalue"/> 
    <input type="submit" value="Do it" id="doitbutton" /> 
</form> 

<div id="contenthere"> 

</div> 

    <script type="text/javascript"> 

    $(document).ready(function() { 
      $('form').submit(function (event) { 
      $('#contenthere').append("<div>" + $('#textvalue').val() + "</div>"); 
       return false; 
      }); 
     }); 

</script> 

这是结合新的提交事件的形式和防止形式通过返回false(它做了以后有什么,我们希望它做的事)提交。

+0

谢谢你的回答! – 2013-05-01 04:52:11