Razor 頁面內的 Razor 組件內的 HTML 按鈕

Question

我有一個名為 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>

Answer 1

您是否只希望客戶提交一次數據，然后禁用提交按鈕？ 你可以看看這個簡單的演示：

看法：

<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>

結果：