如果某個字段的值無效，則禁用表單提交

Question

我有一個帶有多個文本框的html表單。每個文本框只能接受整數。

我正在使用dojo NumberTextBox來驗證這一點。 但問題是，即使文本框出錯，也只顯示錯誤工具提示，但用戶仍然可以按下按鈕submit。

有沒有辦法禁用提交按鈕，如果有任何文本框出錯？

Answer 1

您需要有一個自定義提交按鈕。

<button onClick='submitForm("NAME OF FORM")' value='Submit'> 

<Script> 
function submitForm(name) { 
    var bad = 0; 
for(Loop through values) { 
    if(isNaN(num)) { 
    bad = 1; 
    } 
} 
if(bad==0) { 
    document.forms[name].submit(); 
} 
} 
</script>