聯系人表單“提交”按鈕在按下時不刷新

Question

我在網站上有一些必填字段的聯系表。

如果您錯過一個字段並提示您填寫所有字段，那么當您返回並填寫所有內容並單擊“發送”時，將不會發生任何事情。

您必須刷新整個頁面，然后重新開始。

基本上，一旦按下“發送”按鈕，除非您刷新頁面，否則該按鈕將不再起作用。 我怎樣才能解決這個問題？

在HTML和Script代碼下方。 非常感謝您的幫助。

 $('#form-send').click(function() { $('#form-send').attr('disabled', 'disabled'); var name = $('#form-name').val(); var email = $('#form-email').val(); var telephone = $('#form-telephone').val(); var message = $('#form-msg').val(); var option = $('#form-select').val(); var error = 0; if (name === '' || email === '' || message === '' || telephone === '') { error = 1; $('#details-error').fadeIn(200); } else { $('#details-error').fadeOut(200); } if (!(/(.+)@(.+){2,}\\.(.+){2,}/.test(email))) { $('#details-error').fadeIn(200); error = 1; } var dataString = '&option=' + option + '&name=' + name + '&email=' + email + '&telephone=' + telephone + '&text=' + message; if (error === 0) { $.ajax({ type: "POST", url: "mail.php", data: dataString, success: function() { $('#details-error').fadeOut(1000); $('#form-sent').fadeIn(1000); } }); return false; } }); }); 

 <div class="form-input"> <div class="form-title">NAME</div> <input id="form-name" required type="text"></input> </div> <div class="form-input"> <div class="form-title">EMAIL</div> <input id="form-email" required type="text"></input> </div> <div class="form-input"> <div class="form-title">TELEPHONE</div> <input id="form-telephone" required type="text"></input> </div> <div class="form-input"> <div class="form-title">MESSAGE</div> <textarea id="form-msg" type="text"></textarea> </div> <div class="form-input"> <div class="form-title">&nbsp;</div> <button id="form-send">SEND</button> </div> </div> <!--end of form holder--> <div id="details-error">Please complete all fields and include a valid email</div> <div id="form-sent">Thank you for your enquiry - We will be in touch shortly!</div> </div> </div> </div> </div> 

Answer 1

用這個：

$("#form-send").prop('disabled', false);

每次之后

error = 1;