提交表格中添加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就不会提交

Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics



Alipay PHP...

Article discusses late static binding (LSB) in PHP, introduced in PHP 5.3, allowing runtime resolution of static method calls for more flexible inheritance.Main issue: LSB vs. traditional polymorphism; LSB's practical applications and potential perfo

JWT is an open standard based on JSON, used to securely transmit information between parties, mainly for identity authentication and information exchange. 1. JWT consists of three parts: Header, Payload and Signature. 2. The working principle of JWT includes three steps: generating JWT, verifying JWT and parsing Payload. 3. When using JWT for authentication in PHP, JWT can be generated and verified, and user role and permission information can be included in advanced usage. 4. Common errors include signature verification failure, token expiration, and payload oversized. Debugging skills include using debugging tools and logging. 5. Performance optimization and best practices include using appropriate signature algorithms, setting validity periods reasonably,

Session hijacking can be achieved through the following steps: 1. Obtain the session ID, 2. Use the session ID, 3. Keep the session active. The methods to prevent session hijacking in PHP include: 1. Use the session_regenerate_id() function to regenerate the session ID, 2. Store session data through the database, 3. Ensure that all session data is transmitted through HTTPS.

The application of SOLID principle in PHP development includes: 1. Single responsibility principle (SRP): Each class is responsible for only one function. 2. Open and close principle (OCP): Changes are achieved through extension rather than modification. 3. Lisch's Substitution Principle (LSP): Subclasses can replace base classes without affecting program accuracy. 4. Interface isolation principle (ISP): Use fine-grained interfaces to avoid dependencies and unused methods. 5. Dependency inversion principle (DIP): High and low-level modules rely on abstraction and are implemented through dependency injection.

How to automatically set the permissions of unixsocket after the system restarts. Every time the system restarts, we need to execute the following command to modify the permissions of unixsocket: sudo...

How to debug CLI mode in PHPStorm? When developing with PHPStorm, sometimes we need to debug PHP in command line interface (CLI) mode...

Static binding (static::) implements late static binding (LSB) in PHP, allowing calling classes to be referenced in static contexts rather than defining classes. 1) The parsing process is performed at runtime, 2) Look up the call class in the inheritance relationship, 3) It may bring performance overhead.
