搜索
首页后端开发php教程提交表格中添加button后自动提交问题

我想在一个表格中,添加一个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
PHP记录:PHP日志分析的最佳实践PHP记录:PHP日志分析的最佳实践Mar 10, 2025 pm 02:32 PM

PHP日志记录对于监视和调试Web应用程序以及捕获关键事件,错误和运行时行为至关重要。它为系统性能提供了宝贵的见解,有助于识别问题并支持更快的故障排除

在Laravel中使用Flash会话数据在Laravel中使用Flash会话数据Mar 12, 2025 pm 05:08 PM

Laravel使用其直观的闪存方法简化了处理临时会话数据。这非常适合在您的应用程序中显示简短的消息,警报或通知。 默认情况下,数据仅针对后续请求: $请求 -

php中的卷曲:如何在REST API中使用PHP卷曲扩展php中的卷曲:如何在REST API中使用PHP卷曲扩展Mar 14, 2025 am 11:42 AM

PHP客户端URL(curl)扩展是开发人员的强大工具,可以与远程服务器和REST API无缝交互。通过利用Libcurl(备受尊敬的多协议文件传输库),PHP curl促进了有效的执行

简化的HTTP响应在Laravel测试中模拟了简化的HTTP响应在Laravel测试中模拟了Mar 12, 2025 pm 05:09 PM

Laravel 提供简洁的 HTTP 响应模拟语法,简化了 HTTP 交互测试。这种方法显着减少了代码冗余,同时使您的测试模拟更直观。 基本实现提供了多种响应类型快捷方式: use Illuminate\Support\Facades\Http; Http::fake([ 'google.com' => 'Hello World', 'github.com' => ['foo' => 'bar'], 'forge.laravel.com' =>

在Codecanyon上的12个最佳PHP聊天脚本在Codecanyon上的12个最佳PHP聊天脚本Mar 13, 2025 pm 12:08 PM

您是否想为客户最紧迫的问题提供实时的即时解决方案? 实时聊天使您可以与客户进行实时对话,并立即解决他们的问题。它允许您为您的自定义提供更快的服务

解释PHP中晚期静态结合的概念。解释PHP中晚期静态结合的概念。Mar 21, 2025 pm 01:33 PM

文章讨论了PHP 5.3中引入的PHP中的晚期静态结合(LSB),从而允许静态方法的运行时分辨率调用以获得更灵活的继承。 LSB的实用应用和潜在的触摸

自定义/扩展框架:如何添加自定义功能。自定义/扩展框架:如何添加自定义功能。Mar 28, 2025 pm 05:12 PM

本文讨论了将自定义功能添加到框架上,专注于理解体系结构,识别扩展点以及集成和调试的最佳实践。

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
3 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
3 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
3 周前By尊渡假赌尊渡假赌尊渡假赌

热工具

安全考试浏览器

安全考试浏览器

Safe Exam Browser是一个安全的浏览器环境,用于安全地进行在线考试。该软件将任何计算机变成一个安全的工作站。它控制对任何实用工具的访问,并防止学生使用未经授权的资源。

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

功能强大的PHP集成开发环境

MinGW - 适用于 Windows 的极简 GNU

MinGW - 适用于 Windows 的极简 GNU

这个项目正在迁移到osdn.net/projects/mingw的过程中,你可以继续在那里关注我们。MinGW:GNU编译器集合(GCC)的本地Windows移植版本,可自由分发的导入库和用于构建本地Windows应用程序的头文件;包括对MSVC运行时的扩展,以支持C99功能。MinGW的所有软件都可以在64位Windows平台上运行。

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

EditPlus 中文破解版

EditPlus 中文破解版

体积小,语法高亮,不支持代码提示功能