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

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제











Alipay PHP ...

JWT는 주로 신분증 인증 및 정보 교환을 위해 당사자간에 정보를 안전하게 전송하는 데 사용되는 JSON을 기반으로 한 개방형 표준입니다. 1. JWT는 헤더, 페이로드 및 서명의 세 부분으로 구성됩니다. 2. JWT의 작업 원칙에는 세 가지 단계가 포함됩니다. JWT 생성, JWT 확인 및 Parsing Payload. 3. PHP에서 인증에 JWT를 사용하면 JWT를 생성하고 확인할 수 있으며 사용자 역할 및 권한 정보가 고급 사용에 포함될 수 있습니다. 4. 일반적인 오류에는 서명 검증 실패, 토큰 만료 및 대형 페이로드가 포함됩니다. 디버깅 기술에는 디버깅 도구 및 로깅 사용이 포함됩니다. 5. 성능 최적화 및 모범 사례에는 적절한 시그니처 알고리즘 사용, 타당성 기간 설정 합리적,

PHP 개발에서 견고한 원칙의 적용에는 다음이 포함됩니다. 1. 단일 책임 원칙 (SRP) : 각 클래스는 하나의 기능 만 담당합니다. 2. Open and Close Principle (OCP) : 변경은 수정보다는 확장을 통해 달성됩니다. 3. Lisch의 대체 원칙 (LSP) : 서브 클래스는 프로그램 정확도에 영향을 미치지 않고 기본 클래스를 대체 할 수 있습니다. 4. 인터페이스 격리 원리 (ISP) : 의존성 및 사용되지 않은 방법을 피하기 위해 세밀한 인터페이스를 사용하십시오. 5. 의존성 반전 원리 (DIP) : 높고 낮은 수준의 모듈은 추상화에 의존하며 종속성 주입을 통해 구현됩니다.

시스템이 다시 시작된 후 UnixSocket의 권한을 자동으로 설정하는 방법. 시스템이 다시 시작될 때마다 UnixSocket의 권한을 수정하려면 다음 명령을 실행해야합니다.

기사는 PHP 5.3에 도입 된 PHP의 LSB (Late STATIC BING)에 대해 논의하여 정적 방법의 런타임 해상도가보다 유연한 상속을 요구할 수있게한다. LSB의 실제 응용 프로그램 및 잠재적 성능

phpstorm에서 CLI 모드를 디버그하는 방법은 무엇입니까? PHPStorm으로 개발할 때 때때로 CLI (Command Line Interface) 모드에서 PHP를 디버그해야합니다 ...

PHP 개발에서 PHP의 CURL 라이브러리를 사용하여 JSON 데이터를 보내면 종종 외부 API와 상호 작용해야합니다. 일반적인 방법 중 하나는 컬 라이브러리를 사용하여 게시물을 보내는 것입니다 ...

기사는 입력 유효성 검사, 인증 및 정기 업데이트를 포함한 취약점을 방지하기 위해 프레임 워크의 필수 보안 기능을 논의합니다.
