7

これが私のコードです

        <form class="form-horizontal">

          <div class="control-group">
            <div class="controls">
              <button onclick="javascript:add_user_group(2);" class="btn">add</button>
            </div>
          </div>

        <table id="users-table" class="table table-striped" >
          <thead>
            <tr>
              <th>User Name</th>
              <th>Delete</th>            
            </tr>
          </thead>
          <tbody>

          </tbody>
        </table>

      </form>

追加ボタンがクリックされたときにテーブルに新しい行を追加したいのですが、追加ボタンをクリックするとフォームの送信がトリガーされるようです。

ボタンだけではありません

 type=submit

フォームを送信します。または、フォームのボタンがフォームの送信をトリガーしますか？

4

2 に答える 2

52

Javascript を使用する必要はありません。type="button"暗黙的に上書きするように設定するだけtype="submit"です。これは、 https ://stackoverflow.com/a/9643866/2175370 に記載されている HTML5 仕様にも記載されています。

于 2014-09-24T12:42:25.240 に答える
16

呼び出さfalseれた関数で返されるonclickと、フォームの送信が妨げられます。:)

onclick="javascript:add_user_group(2);return false;"
于 2013-02-22T19:37:04.993 に答える