我有一個名為 CreateForm 的頁面 在我的 CreateForm 頁面上，客戶輸入資料后，他們可以在我將其保存到資料庫之前預覽他們的條目。他們的 Preview 是一個 Razor 組件，并包含一個要提交的 html 按鈕。
我遇到的問題是，如果客戶點擊愉快，他可能會多次點擊按鈕創建多個副本。因此我想在第一次點擊后禁用該按鈕。我怎樣才能抓住按鈕的手柄？
從 CreateForm razor 頁面，我有這個嵌入的 Razor 組件
<CustomerPreviewRequest HeadingToShow="@HeadingToShowPreviewCustomerScreen"
onBack="MoveToPreviousPage"
CurrentCustomerSubmission="@_model">
</CustomerPreviewRequest>
在 CustomerPreviewRequest 中，這是我定義按鈕的方式
<button aria-label="Submit Request." type="submit" class="login100-form-btn" style="background-color:#1a2b57"
tabindex="0" id="submitForm">
Submit Request
</button>
uj5u.com熱心網友回復：
您是否只希望客戶提交一次資料，然后禁用提交按鈕？你可以看看這個簡單的演示：
看法：
<p style="text-align:center">
<form id="yourFormId" name="yourFormId" method="post" action="#">
<input type="text" /><br />
<input type="submit" class="submitBtn" value="Submit Requestt" />
</form>
</p>
<!--script to disable the submit button -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script>
<script type="text/javascript">
$(document).ready(function () {
$(".submitBtn").click(function () {
$(".submitBtn").attr("disabled", true);
return true;
});
});
</script>
結果：
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/330678.html