Javascript-驗證表單（如果發現錯誤）將表單字段背景顏色更改為紅色

Question

我有一個表格，當用戶單擊字段時，值將清除，當用戶單擊提交時，並且發現錯誤，該字段的背景色應更改為紅色。

我的問題

當用戶單擊時，我設法清除了該字段的值，並且當發現錯誤時，我設法將該字段的顏色更改為紅色，但是當用戶單擊時，當發現錯誤時，該字段的顏色提交僅將背景色更改為紅色持續一秒鍾，然后字段值再次增加。 我整天都在努力解決這個問題，我們將不勝感激，代碼如下：

function validate(){
    //form validation
    var name=document.getElementById('name');
     if (name.value == null || name.value==""){
       name.style.backgroundColor="red";
     }  

<form id="enquire" method="post">
    <h2>Test Drive an Audi Today</h2>
    <input type="text"  value="Name" class="textbox" id="name" name="name" onclick="if(this.value=='Name') this.value='';" /><br />


<input type="submit" name="submit" class="butt" value="Send" onclick="validate()"  />
       <span class="buttonText">We'll Call you Back!</span>
    </form>

Answer 1

更改

<input type="submit" name="submit" class="butt" value="Send" onclick="validate()"  />
       <span class="buttonText">We'll Call you Back!</span>

至

<input type="submit" name="submit" class="butt" value="Send" onclick="return validate()"  />
       <span class="buttonText">We'll Call you Back!</span>

Answer 2

該函數的右括號缺失。

function validate(){
    //form validation
    var name=document.getElementById('name');
     if (name.value == null || name.value==""){
       name.style.backgroundColor="red";
       return false;    // add this line
     }
}   // This was missing