提交表格中添加button后自动提交问题-php教程-PHP中文网

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

php中文网

发布： 2016-06-20 12:37:26

原创

1153人浏览过

我想在一个表格中，添加一个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>
                    <div class="aritcle_card">
                        <a class="aritcle_card_img" href="/ai/2137">
                            <img src="https://img.php.cn/upload/ai_manual/000/000/000/175680088531646.png" alt="提客AI提词器">
                        </a>
                        <div class="aritcle_card_info">
                            <a href="/ai/2137">提客AI提词器</a>
                            <p>「直播、录课」智能AI提词，搭配抖音直播伴侣、腾讯会议、钉钉、飞书、录课等软件等任意软件。</p>
                            <div class="">
                                <img src="/static/images/card_xiazai.png" alt="提客AI提词器">
                                <span>64</span>
                            </div>
                        </div>
                        <a href="/ai/2137" class="aritcle_card_btn">
                            <span>查看详情</span>
                            <img src="/static/images/cardxiayige-3.png" alt="提客AI提词器">
                        </a>
                    </div>
                </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('用户拒绝授权获取地理位置');      }    });  };

登录后复制