JavaScript表單驗證

Question

我正在做一些基本的表單驗證。

我有以下javascript函數

function fullField(x,span_id)
{
var result=false;
if(x.value==0)
{
    document.getElementById(span_id).innerHTML =" Required";
    result=false;
}else{
    document.getElementById(span_id).innerHTML="";//can use tick <img src='images/site_images/tick.png' />
    result=true;
}

return result;
}

我有一個輸入檢查onblur

<input type='text' onblur='return fullField(this,'span1')name='first_name' />
<span id='span1'></span>

該功能有效，如果人員在未填寫的情況下退出該字段，則在跨度中寫入“必填”。但是，當我單擊“提交”時，表單仍會提交。 我想我在這里遺漏了一些基本要點，因為我雖然如果表單中的任何字段返回false，那么表單都不會提交。 解決此問題的唯一方法是在提交時再次檢查整個表單嗎？

Answer 1

您可以在頁面上創建一個變量，如果對字段的驗證失敗，則將其設置為false，然后以onSubmit（return（myValidationVariable））的形式設置-不是最優雅的設計，但應該可以與當前設置很好地配合使用。