首頁 >後端開發 >php教程 >提交表格中添加button后自动提交问题

提交表格中添加button后自动提交问题

WBOY
WBOY原創
2016-06-20 12:37:261024瀏覽

我想在一个表格中,添加一个button按钮,按下button时,只是要获取位置并填入,并不要提交。可是我把button放在表格里面后,只要按了button后,表格就会自动提交了。应该怎么写才按下button后不提交呢?

<form action="{p1::U('News/index')}" method="post" id="form" name="form"><p><div id="preview"></div></p><p class="tit">您的姓名</p><p><input name="username" type="text" class="wenbenkuang" size="30" maxlength="16"></p><p class="tit">联系方式</p><p><input name="contact" type="text" class="wenbenkuang"  size="30" maxlength="100"></p><p class="tit">事件描述</p><p><textarea name="comments" cols="37" rows="11" style="width:97%;height:200px;font-size:16px;"></textarea></p><p class="tit">我的位置(如不确定,可点击我在哪儿)</p><p><input name="address" type="text" class="wenbenkuang" id="address" size="30" maxlength="100"></p><p><button class="btn2" id="getLocation" >我在哪儿</button></p><p><input type="submit" value="提交" name="tijiao"></p></form>


这个是调用jssdk的位置接口,获得位置。
	wx.ready(function () {  document.querySelector('#getLocation').onclick = function () {    wx.getLocation({    	type: 'gcj02',      success: function (res) {        // alert(JSON.stringify(res));        var lat = res.latitude;        var lng = res.longitude;        var latLng = new qq.maps.LatLng(lat, lng);           geocoder = new qq.maps.Geocoder({             complete: function (result) {                      signin_info = result.detail.addressComponents.province + result.detail.addressComponents.city                                    + result.detail.addressComponents.district + result.detail.addressComponents.street;                       $("#address").val(signin_info);                       }                   })                   geocoder.getAddress(latLng);               },     	 	cancel: function (res) {       				 alert('用户拒绝授权获取地理位置');      }    });  };


回复讨论(解决方案)

点击 我在哪儿 不会出现提交

点击 我在哪儿 不会出现提交



我这样写,然后点击 我在哪儿 然后会出现整个表格都提交了 会不会跟我后台写的  if (IS_POST)     有关系 ?
我点击我在哪儿的时候,我只是要运行下面的js那段代码而已 

你是不是点错了?
点击   我在哪儿   是不会提交的
或者你是不是
点击   提交   了?

你是不是点错了?
点击   我在哪儿   是不会提交的
或者你是不是
点击   提交   了?



我点击了之后,会获取地址,然后提交, 会不会跟我后台写的  if (IS_POST)     有关系 ?


点这个不会提交的。要点提交才会。

button自带type="submit",所以会提交
加个type="button"就不会提交了
或者直接改成

把type设置成button就不会提交

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn