驗證多個空字段

Question

我想驗證我的表單中的兩個字段。 但它只顯示一個字段的錯誤信息。 以下是Javascript代碼：

function req() { 

    if (document.reg_indi_form.txt_fnm.value=="") { 

     document.getElementById('i').innerHTML="*This field is required"; 
     document.getElementById('i').style.color="red"; 
     return false; 
    } 
    if (document.reg_indi_form.txt_lnm.value=="") { 

     document.getElementById('i1').innerHTML="*This field is required"; 
     document.getElementById('i1').style.color="red"; 
     return false; 
    } 
} 

HTML代碼：

<input name="txt_fnm" type="text" id="txt_fnm"/> <label id="i"></label> 
<input name="txt_lnm" type="text" id="txt_lnm"/>\<label id="i1"></label> 

Answer 1

如果你需要得到測試的所有錯誤，「笛莎」評論說，你不能把一個return語句中的每個如果塊。

var noError = true; 

if (document.reg_indi_form.txt_fnm.value=="") { 

    document.getElementById('i').innerHTML="*This field is required"; 
    document.getElementById('i').style.color="red"; 
    noError = false; 
} 
if (document.reg_indi_form.txt_lnm.value=="") { 

    document.getElementById('i1').innerHTML="*This field is required"; 
    document.getElementById('i1').style.color="red"; 
    noError = false; 
} 

return noError; 

這應該像你想要的那樣工作。

Answer 2

試試這個代碼

• 的JavaScript

  `

功能的validate（）{

var isValid = true; 
    if (document.reg_indi_form.txt_fnm.value=="") { 

    document.getElementById('i').innerHTML="*This field is required"; 
    document.getElementById('i').style.color="red"; 
    isValid = false; 
} 
if (document.reg_indi_form.txt_lnm.value=="") { 

    document.getElementById('i1').innerHTML="*This field is required"; 
    document.getElementById('i1').style.color="red"; 
    isValid = false; 
} 
return isValid; 
}`