我的PHP表单中的所有链接都直接指向表单操作

时间:2014-06-06 18:08:24

标签: javascript php html forms

这是我的以下代码..

<form class="form-horizontal" id="tambah_gps" name="tambah_gps" method="POST" action="../controller/add_gps.php">
              <table>
                <tr style="height:40px">
                  <td>Nama User</td>
                  <td style="width:20px"> : </td>
                  <td><input class="form-control" type="text" name="nama_user" placeholder=" User Name" style="width:300px" readonly></td>
                  <td>&nbsp&nbsp<a href="javascript:void(0)" onClick=window.open("pilih_user.php","Ratting","width=1000,height=400,left=200,");><button class="btn btn-primary">Choose User</button></a></td>
                </tr>
                <tr style="height:40px">
                  <td>Vehicle ID</td>
                  <td style="width:20px"> : </td>
                  <td colspan="2"><input class="form-control" type="text" name="no_polisi" placeholder=" Nomor Polisi Kendaraan"></td>
                </tr>
                <tr style="height:40px">
                  <td>Car brand</td>
                  <td style="width:20px"> : </td>
                  <td colspan="2"><input class="form-control" type="text" name="merk_mobil" placeholder=" Merk Mobil"></td>
                </tr>
                <tr style="height:40px">
                  <td>Color</td>
                  <td style="width:20px"> : </td>
                  <td colspan="2"><input class="form-control" type="text" name="warna" placeholder=" Warna"></td>
                </tr>
                <tr style="height:40px">
                  <td>GPS Number</td>
                  <td style="width:20px"> : </td>
                            <td colspan="2"><input class="form-control" type="text" name="no_telp_gps" placeholder=" nomor telepon GPS"><td>
                </tr>
                <tr style="height:40px">
                  <td>Time Zone/td>
                  <td style="width:20px"> : </td>
                  <td colspan="2"><input class="form-control" type="text" name="zona_waktu" value="GMT (Default)" placeholder=" Zona Waktu" readonly></td>
                </tr>
              </table>
              <div class="modal-footer">
                <button  class="btn btn-default" data-dismiss="modal">Cancel</button>
            <input type="submit" name="sumbit" value="Save" class="btn btn-primary">
</div>
<form>

我制作的表格有3个按钮:1个按钮保存,1个按钮取消,1个按钮选择用户名..如果选择用户名按钮,则会打开包含用户列表的新窗口。按钮效果很好。但无论何时单击该页面始终指向表单操作(就像单击保存按钮时一样)。谁能告诉我我的代码有什么问题?谢谢......

1 个答案:

答案 0 :(得分:0)

首先,您使用&lt; button&gt; &lt; a&gt;内后者有javascript:void(0)为href。如果不需要href那么就没有必要把&lt; a&gt;周围&lt; button&gt;。

第二个&n; nbps实体必须以;

结尾

onclick中的第三个javascript必须用&#34; 。应在javascript语句中使用单引号。

最后:你必须告诉&lt; button&gt;正是你想要的:只需按钮!使用type =&#39;按钮&#39;

因此,您的&#34;选择用户&#34;按钮看起来如下:

<td>&nbsp;&nbsp;<button type="button" class="btn btn-primary" onClick="window.open('pilih_user.php','Ratting','width=1000,height=400,left=200');">Choose User</button></a></td>