沒有檢查在js中的完整驗證php文件正在打開

Question

我需要一些幫助。我正在研究一個表單，這是錯誤的。當我點擊提交按鈕而沒有檢查完整的驗證它是執行PHP的動作。 當我在窗體中輸入序列號並單擊提交只是爲了檢查驗證頁面顯示文本字段變爲紅色，但在同一時刻它執行PHP操作。我不知道爲什麼。 這裏是 http://sujdhuj.com/dawood/

HTML表單屬性

<form action="dbconnection.php" method="post" name="2nd-form" id="form-survey" > 

<input type="submit" class="submit" id="submitsurvey2" value="submit" onClick="validation()"> 

JavaScript代碼

function validation() 
{ 
    flag=false; 
    var Sno= document.getElementById('Sno').value++; 
     if(Sno==null || Sno=="") 
     { 
      alert("Enter serial no"); 
      flag=true; 
     } 
    var Clientname= document.getElementById('Clientname').value 

     if(Clientname==null || Clientname==""){ 
     document.getElementById('Clientname').style.borderColor= "red"; 
     flag=true; 
     } 
     else{ 
      document.getElementById('Clientname').style.borderColor="green"; 
     } 

    var Contactno= document.getElementById('Contactno').value 
     if(Contactno==null || Contactno==""){ 
     document.getElementById('Contactno').style.borderColor= "red"; 
     flag=true; 
     } 
     else{ 
      document.getElementById('Contactno').style.borderColor="green"; 
     } 
    var Dos= document.getElementById('Dos').value; 
     if(Dos==null || Dos==""){ 
     document.getElementById('Dos').style.borderColor= "red"; 
     flag=true; 
     } 
     else{ 
      document.getElementById('Dos').style.borderColor="green"; 
     } 

    var Start= document.getElementById('Start').value; 
     if(Start==null || Start==""){ 
     document.getElementById('Start').style.borderColor= "red"; 
     flag=true; 
     } 
     else{ 
      document.getElementById('Start').style.borderColor="green"; 
     } 

    var End= document.getElementById('End').value; 
     if(End==null || End==""){ 
     document.getElementById('End').style.borderColor= "red"; 
     flag=true; 
     } 
     else{ 
      document.getElementById('End').style.borderColor="green"; 
     } 


    var Dow= document.getElementById('Dow').value; 
     if(Dow==null || Dow==""){ 
     document.getElementById('Dow').style.borderColor= "red"; 
     flag=true; 
     } 
     else{ 
      document.getElementById('Dow').style.borderColor="green"; 
     } 


    var Osi= document.getElementById('Osi').value; 
     if(Osi==null || Osi==""){ 
     document.getElementById('Osi').style.borderColor= "red"; 
     flag=true; 
     } 
     else{ 
      document.getElementById('Osi').style.borderColor="green"; 
     } 



    var Emhr= document.getElementById('Emhr').value; 
     if(Emhr==null || Emhr==""){ 
     document.getElementById('Emhr').style.borderColor= "red"; 
     flag=true; 
     } 
     else{ 
      document.getElementById('Emhr').style.borderColor="green"; 
     } 


    var Er= document.getElementById('Er').value; 
     if(Er==null || Er==""){ 
     document.getElementById('Er').style.borderColor= "red"; 
     flag=true; 
     } 
     else{ 
      document.getElementById('Er').style.borderColor="green"; 
     } 


    var Mir= document.getElementById('Mir').value; 
     if(Mir==null || Mir==""){ 
     document.getElementById('Mir').style.borderColor= "red"; 
     flag=true; 
     } 
     else{ 
      document.getElementById('Mir').style.borderColor="green"; 
     } 


    var Ea= document.getElementById('Ea').value; 
     if(Ea==null || Ea==""){ 
     document.getElementById('Ea').style.borderColor= "red"; 
     flag=true; 
     } 
     else{ 
      document.getElementById('Ea').style.borderColor="green"; 
     } 


    var Cr= document.getElementById('Cr').value 
     if(Cr==null || Cr==""){ 
     document.getElementById('Cr').style.borderColor= "red"; 
     flag=true; 
     } 
     else{ 
      document.getElementById('Cr').style.borderColor="green"; 
     } 


    var Mir1= document.getElementById('Mir1').value; 
     if(Mir1==null || Mir1==""){ 
     document.getElementById('Mir1').style.borderColor= "red"; 
     flag=true; 
     } 
     else{ 
      document.getElementById('Mir1').style.borderColor="green"; 
     } 

    var Am= document.getElementById('Am').value; 
     if(Am==null || Am==""){ 
     document.getElementById('Am').style.borderColor= "red"; 
     flag=true; 
     } 
     else{ 
      document.getElementById('Am').style.borderColor="green"; 
     } 
    var Ca= document.getElementById('Ca').value; 
     if(Ca==null || Ca==""){ 
     document.getElementById('Ca').style.borderColor= "red"; 
     flag=true; 
     } 
     else{ 
      document.getElementById('Ca').style.borderColor="green"; 
     } 
    var date= document.getElementById('date').value; 
     if(date==null || date==""){ 
     document.getElementById('date').style.borderColor= "red"; 
     flag=true; 
     } 
     else{ 
      document.getElementById('date').style.borderColor="green"; 
     } 

    if(flag=true) 
    { 
     return false; 
    } 
    else 
    { 
     return true; 
    }  

} 

Answer 1

以及一切似乎沒什麼問題的鏈接。然而，我腦海中的幾個指針：

1. 而不是在onClick事件上調用javascript函數。在窗體中的「onSubmit」上調用驗證功能。
2. 首次爲變量定義「var」，然後可以使用不帶「var」關鍵字的變量。例如var flag = false;

試試這個，讓我知道你的JS驗證是否有效。

Answer 2

使用

var flag=false; 

代替flag=false;

把return false;設置flag = true;

Answer 3

你

if(flag=true) 

條件是錯誤的之後。

應該

if(flag==true) 

改變你的「提交」到「按鈕」，那麼它會工作 ，並嘗試通過Ajax