javascript表单验证刷新页面答案

【问题标题】：javascript form validation refreshes pagejavascript表单验证刷新页面
【发布时间】：2011-01-28 06:10:09
【问题描述】：

函数 subVal() { if (document.forms['loginform'].name.value == '' || document.forms['loginform'].uid.value == '') { if (document.forms['loginform'].uid.value == '') { document.getElementById('afterpass').innerHTML = '忘记密码'; } if (document.forms['loginform'].name.value == '') { document.getElementById('aftername').innerHTML = '忘记用户名'; } } if (document.forms['loginform'].name.value != '' && document.forms['loginform'].uid.value != '') { document.forms['loginform'].submit(); } }

当我尝试验证时，它会执行它应该做的事情（插入 HTML）然后刷新。我该如何阻止呢？

【问题讨论】：

表单的action 设置为什么？
向我们显示您正在调用此函数的单击按钮的标记。
本身...动作就是页面
@sdleihssirhc - 操作不会导致此问题。我确定按钮被标记为提交按钮。
遇到了问题。您创建了一个未指定其类型的按钮。将类型指定为“按钮”。单击时调用 subVal()。使表单的动作与之前的一样，而不是调用 subVal()。

标签： javascript validation forms client client-side

【解决方案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>

【讨论】：

【解决方案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();
    }
}

【讨论】：