Warning: putenv() has been disabled for security reasons in /www/wwwroot/wiki.xtboke.com/includes/Setup.php on line 309
http://wiki.xtboke.com/index.php?action=history&feed=atom&title=%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8Fform%E8%A1%A8%E5%8D%95%E9%87%8D%E5%A4%8D%E6%8F%90%E4%BA%A4
微信小程序form表单重复提交 - 版本历史
2026-04-24T15:20:04Z
本wiki上该页面的版本历史
MediaWiki 1.41.1
http://wiki.xtboke.com/index.php?title=%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8Fform%E8%A1%A8%E5%8D%95%E9%87%8D%E5%A4%8D%E6%8F%90%E4%BA%A4&diff=14&oldid=prev
Xiaotian：创建页面，内容为“=== wxml === <pre> <view class="modal-buttons"> <view class="one_btn" bindtap="submit">确认</view> <view class="two_btn" bindtap="cancel">取消</view> </view> </pre> === wxss === <pre> /* 按钮 */ .modal-buttons { width: 100%; height:7%; display: flex; font-weight:bold; } .one_btn{ flex:1; display: flex; align-items: center; justify-content: center; background-color: #4b97e7; border-top: 1rpx solid #4b97e7; color: #fff; border-ra…”
2024-04-08T12:50:13Z
<p>创建页面，内容为“=== wxml === <pre> <view class="modal-buttons"> <view class="one_btn" bindtap="submit">确认</view> <view class="two_btn" bindtap="cancel">取消</view> </view> </pre> === wxss === <pre> <span dir="auto"><span class="autocomment">按钮：</span> .modal-buttons { width: 100%; height:7%; display: flex; font-weight:bold; } .one_btn{ flex:1; display: flex; align-items: center; justify-content: center; background-color: #4b97e7; border-top: 1rpx solid #4b97e7; color: #fff; border-ra…”</span></p>
<p><b>新页面</b></p><div>=== wxml ===<br />
<pre><br />
<view class="modal-buttons"><br />
<view class="one_btn" bindtap="submit">确认</view><br />
<view class="two_btn" bindtap="cancel">取消</view><br />
</view><br />
</pre><br />
=== wxss ===<br />
<pre><br />
/* 按钮 */<br />
.modal-buttons {<br />
width: 100%;<br />
height:7%;<br />
display: flex;<br />
font-weight:bold;<br />
}<br />
.one_btn{<br />
flex:1;<br />
display: flex;<br />
align-items: center;<br />
justify-content: center;<br />
background-color: #4b97e7;<br />
border-top: 1rpx solid #4b97e7;<br />
color: #fff;<br />
border-radius: 0;<br />
}<br />
.two_btn{<br />
flex:1;<br />
display: flex;<br />
align-items: center;<br />
justify-content: center;<br />
width: 100%;<br />
border-top: 1rpx solid #4b97e7;<br />
border-radius: 0px;<br />
background-color: #fff;<br />
color: #4b97e7;<br />
}<br />
</pre><br />
=== js ===<br />
<pre><br />
const app = getApp()<br />
Page({<br />
data: {<br />
submitting:false//设置按钮禁用参数，默认为非禁用状态<br />
},<br />
//确认<br />
submit(){<br />
var that = this;<br />
if (that.data.submitting) {<br />
return; // 如果正在提交中，则直接返回，避免重复提交<br />
}<br />
// 禁用提交按钮<br />
that.setData({<br />
submitting: true,<br />
});<br />
console.log('执行下面的方法')<br />
wx.request({<br />
url: app.globalData.position + 'Produce/test',<br />
data: {<br />
wip_id: options.id<br />
},<br />
header: {<br />
"Content-Type": "application/x-www-form-urlencoded"<br />
},<br />
method: 'POST',<br />
dataType: 'json',<br />
success: res => {<br />
//请求完成，取消禁用<br />
that.setData({<br />
submitting: false, //取消禁用<br />
});<br />
},<br />
fail(res) {<br />
//请求完成，取消禁用<br />
that.setData({<br />
submitting: false, //取消禁用<br />
});<br />
console.log("查询失败")<br />
}<br />
})<br />
}<br />
})<br />
</pre><br />
[[category:微信小程序]]</div>
Xiaotian