送信フォームにボタンを追加すると、質問が自動的に送信されます

WBOY
リリース: 2016-06-20 12:37:26
オリジナル
1018 人が閲覧しました

フォームにボタンを追加したいのですが、ボタンが押されたときに位置を取得して入力するだけで、送信はしません。ただし、フォームにボタンを配置した後は、ボタンを押している限り、フォームは自動的に送信されます。ボタンを押した後に送信されないようにするにはどう書けばよいでしょうか?

<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 の location インターフェースを呼び出して位置を取得します。
	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('用户拒绝授权获取地理位置');      }    });  };
ログイン後にコピー


ディスカッションへの返信 (解決策)

"Where I Am" をクリックしても投稿は表示されません

"Where I Am" をクリックしても投稿は表示されません



私はこのように書いていますをクリックし、「Where I Am」をクリックすると、フォーム全体が送信されました。バックグラウンドで書いた if (IS_POST) に関連していますか?
現在の場所をクリックすると、以下の JS コードを実行したいだけです

間違ったコードをクリックしましたか?
「現在地」をクリックしても送信されません
または、
送信をクリックしましたか?

間違ってクリックしてしまいましたか?
「現在地」をクリックしても送信されません
または、
送信をクリックしましたか?



クリックするとアドレスを取得して送信しますが、これはバックグラウンドで書いた if (IS_POST) に関係していますか?


これをクリックしても送信されません。重要なポイントのみを提出します。

ボタンには type="submit" が付いているので送信されます
type="button" を追加すると送信されなくなります
または直接

type が button に設定されている場合、送信されません

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート