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

php中文网
发布: 2016-06-20 12:37:26
原创
1154人浏览过

我想在一个表格中,添加一个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="/xiazai/code/652">
                            <img src="https://img.php.cn/upload/webcode/000/000/000/58a66df2f097d108.png" alt="科威旅游管理系统源码">
                        </a>
                        <div class="aritcle_card_info">
                            <a href="/xiazai/code/652">科威旅游管理系统源码</a>
                            <p>系统前端采用可视化布局,能自动适应不同尺寸屏幕,一起建站,不同设备使用,免去兼容性烦恼。系统提供列表、表格、地图三种列表显示方式,让用户以最快的速度找到所需行程,大幅提高效率。系统可设置推荐、优惠行程,可将相应行程高亮显示,对重点行程有效推广,可实现网站盈利。系统支持中文、英文,您还可以在后台添加新的语言,关键字单独列出,在后台即可快速翻译。</p>
                            <div class="">
                                <img src="/static/images/card_xiazai.png" alt="科威旅游管理系统源码">
                                <span>150</span>
                            </div>
                        </div>
                        <a href="/xiazai/code/652" class="aritcle_card_btn">
                            <span>查看详情</span>
                            <img src="/static/images/cardxiayige-3.png" alt="科威旅游管理系统源码">
                        </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('用户拒绝授权获取地理位置');      }    });  };
登录后复制


回复讨论(解决方案)

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

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



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

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

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



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


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

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

把type设置成button就不会提交

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号