1

twitterbootstrapjsとcssを使用するフォームがあります。私のフォームには2つのボタンがあります。1つのボタンでフォームを送信し、ユーザーをどこかに送ります。そして別のボタンはポップオーバーダイアログを表示します。

クリック可能ではなく、ポップオーバーを表示する2番目のボタンが必要です。

ボタンを完全に無効にすると、ポップオーバーは表示されません。ボタンを無効にしないと、フォームのアクションページに移動します。どうすればこれを修正できますか？

http://jsfiddle.net/wnTUV/6/

<form class="well span3" action="/gosomeplace/" method="post">

    <div class="span3">

        <button type="submit" class="btn btn-info btn-large" href="gosomeplace/">
        <i class="icon-user icon-white"></i>
        Go now
    </button>
    </div>

    <div class="span3">
    <button class="btn disabled" rel="popover"
            title="Some title"
            data-content="Some content"
        >
        <i class="icon-question-sign"></i>
    </button>
        </div>


</form>
4

2 に答える 2

2

onclick を使用して false を返してみましたか、それともポップアップを妨げますか? ボタンを有効にしておく必要がありますが、これによりフォームを送信できなくなります。

<button onclick="return false;" class="btn disabled" rel="popover"
        title="Some title"
        data-content="Some content">

ボタンがフォームを送信できないようにする方法

于 2012-05-10T19:34:57.483 に答える