如果發生錯誤，如何禁用表單onsubmit？

Question

我有一個收集用戶數據並將其插入數據庫的表單。 在提交之前，將驗證數據，並且在提交后，窗口將關閉。 我正在使用try / catch進行錯誤處理，因此當發生錯誤時，我不希望窗口關閉。

這是表格行的樣子：

<form target="_self"  method="post" id = "questionnaire" class="validate" onsubmit="submit();window.close()">

本質上，我想做的是onsubmit =“”出現錯誤

謝謝

Answer 1

像這樣：

<script type="text/javascript">
function submit()
{
    // do error checking
    if ( /*passes*/ )
        return true;
    else
        return false;
}
</script>

<form target="_self"  method="post" id="questionnaire" class="validate" onsubmit="return submit();">

Answer 2

您需要處理表單的submit事件，然后取消提交。

這是一個演示

不帶jQuery的不可信Javascript

//Get the form element.
var form = document.getElementById('questionnaire');

//Declare your event handler
var onMyFormSubmit = function (e) {
    e = e || window.event; //Get the event if it's not passed in.

    if (!valid) { //Do your validation here.
        e.returnValue = false;
        e.preventDefault();
        return false;
    }
};

//Attach an event handler to the submit event.
if (form.addEventListener) {
    form.addEventListener('submit', onMyFormSubmit, false);
} else {
    form.attachEvent('onsubmit', onMyFormSubmit);
}