提交此表格后，我該如何彈出消息？

Question

我需要彈出一條消息，告訴用戶他們的查詢已提交。 驗證有效，但是我必須刪除舊的彈出消息，因為它與驗證代碼沖突。 我需要知道將彈出消息代碼放在要驗證的現有javascript代碼中的位置。 我用來發出彈出消息的代碼是：

<script>
function EnquireButton() {
   alert("Thank you for your enquiry!");
}
</script> 

我確信它很簡單，我已經嘗試將其實現到驗證代碼中，但是它只是重新加載頁面而不顯示彈出窗口。

HTML：

    <form name="Contact_Us_Form" method="post" action="">
        <table width="450px">
            <p>One time Message</p>
            <tr>
                <td valign="top">
                <label for="full_name">Full Name *</label>
            </td>
            <td valign="top">
                <input  type="text" name="full_name" maxlength="50" size="30" placeholder="First Name and Last Name" title="Your name here" required/>
                </td>
            </tr>

            <tr>
                <td valign="top">
                <label for="landline">Landline Number *</label>
            </td>
            <td valign="top">
                <input  type="text" name="landline" maxlength="50" size="30" placeholder="(01206)" title=" YourLandline Number" required/>
            </td>
            </tr>
            <tr>
             <td valign="top">
                <label for="Email">Email Adress *</label>
            </td>
            <td valign="top">
                <input  type="text" name="email" maxlength="80" size="30" placeholder="you@yourdomain.com" title="Your email" required/>
            </td>

            </tr>
            <tr>
            <td valign="top">
                <label for="house_number">House Number *</label>
             </td>
             <td valign="top">
                <input  type="text" name="house_number" maxlength="30" size="30" placeholder="House Number" title="Your House Number" required/>
            </td>
            </tr>
            <tr>
                <td>
                    <label for="postal_code">Post Code *</label>
                </td>
                <td>
                <input type="text" name="postal_code" maxlength="30" size="30" placeholder="CO5 " title="Your Postal Code" required/>
            </td>
            </tr>
            <tr>
            <td valign="top">
                <label for="">Enquiry</label>
            </td>
            <td valign="top">
                <textarea  name="Enquiry" maxlength="1000" cols="28" rows="6" placeholder="Write your enquiry here."></textarea>
            </td>
            </tr>
            <tr>
            <td colspan="2" style="text-align:center">
            <button onclick="Enquirebutton()">Enquire</button>
    <script>
    $(document).ready(function (){
    validate();
    $('#full_name, #landline, #Email').change(validate);
});

function validate(){
    if ($('#full_name').val().length   >   0   &&
        $('#landline').val().length  >   0   &&
        $('#Email').val().length    >   0) {
        $("input[type=Enquirebutton()]").prop("disabled", false);
    }
    else {
        $("input[type=Enquirebutton()]").prop("disabled", true);
    }   
}
</script>
    </td>
    </tr>
    </table>
    </form>

Answer 1

只需將一個屬性添加到表單標簽onsubmit =“ EnquireButton（）”

那是

<form name="Contact_Us_Form" method="post" action="" onsubmit="EnquireButton()">

Answer 2

首先，將您的按鈕提交：

<button type="submit">Enquire</button>

然后，您可以在提交按鈕中使用onclick="Enquirebutton()" ，也可以在表單中使用onsubmit="Enquirebutton()" 。

查看onsubmit事件以獲取更多信息。