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();
    }
}

when i try to validate, it does what it’s supposed to do (insert the HTML) then refreshes. how can i stop this?

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>