フォームにボタンを追加したいのですが、ボタンが押されたときに位置を取得して入力するだけで、送信はしません。ただし、フォームにボタンを配置した後は、ボタンを押している限り、フォームは自動的に送信されます。ボタンを押した後に送信されないようにするにはどう書けばよいでしょうか?
<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>
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('用户拒绝授权获取地理位置'); } }); };
"Where I Am" をクリックしても投稿は表示されません
"Where I Am" をクリックしても投稿は表示されません
間違ったコードをクリックしましたか?
「現在地」をクリックしても送信されません
または、
送信をクリックしましたか?
間違ってクリックしてしまいましたか?
「現在地」をクリックしても送信されません
または、
送信をクリックしましたか?
ボタンには type="submit" が付いているので送信されます
type="button" を追加すると送信されなくなります
または直接
type が button に設定されている場合、送信されません