JavaScript表單驗證刷新頁面

Question

 
function subVal() 
{ 
    if (document.forms['loginform'].name.value == '' || document.forms['loginform'].uid.value == '') 
    { 
     if (document.forms['loginform'].uid.value == '') 
    { 
     document.getElementById('afterpass').innerHTML = 'FORGOT PASSWORD'; 
    } 
    if (document.forms['loginform'].name.value == '') 
    { 
     document.getElementById('aftername').innerHTML = 'FORGOT USERNAME'; 
    } 
    } 
    if (document.forms['loginform'].name.value != '' && document.forms['loginform'].uid.value != '') 
    { 
     document.forms['loginform'].submit(); 
    } 
} 

當我嘗試驗證時，它執行它應該執行的操作（插入HTML）然後刷新。我怎麼能阻止這個？

Answer 1

<script> 
function subVal() 
{ 

    if (document.getElementById('name').value == '' && document.getElementById('uid').value == '') 
    { 
     document.getElementById('aftername').innerHTML = 'FORGOT USERNAME'; 

     document.getElementById('afterpass').innerHTML = 'FORGOT PASSWORD'; 
      return false; 
    } 
    else if (document.getElementById('uid').value == '') 
     { 
      document.getElementById('afterpass').innerHTML = 'FORGOT PASSWORD'; 
      return false; 
     } 
    else if (document.getElementById('name').value == '') 
     { 
      document.getElementById('aftername').innerHTML = 'FORGOT USERNAME'; 
      return false; 
     } 
    else 
    { 
     document.forms['loginform'].submit(); 
    } 
} 


</script> 

<form method='post' name='loginform'> 
<input type='text' name='name' id="name" /> 
<div id='aftername'></div> 
<input type='password' name='uid' id="uid" /> 
<div id='afterpass'></div> 
<input type="button" value="Submit" onclick='subVal()'> 
</form> 

Answer 2

function subVal() 
{ 
    if (document.forms['loginform'].name.value == '' || document.forms['loginform'].uid.value == '') 
    { 
    if (document.forms['loginform'].uid.value == '') 
    { 
     document.getElementById('afterpass').innerHTML = 'FORGOT PASSWORD'; 
     return false; 
    } 
    if (document.forms['loginform'].name.value == '') 
    { 
     document.getElementById('aftername').innerHTML = 'FORGOT USERNAME'; 
     return false; 
    } 
    } 
    if (document.forms['loginform'].name.value != '' && document.forms['loginform'].uid.value != '') 
    { 
     document.forms['loginform'].submit(); 
    } 
}