字段为空,但表单仍在提交。虽然应用了JS验证

时间:2013-06-03 17:47:04

标签: javascript html

我看过 类似的问题&也适用建议的解决方案,但不工作:( 标题解释 我应用了Java脚本验证,但在字段为空时提交了提交按钮点击表单

这是脚本

    <script type="text/javascript">
function validate()
{

   if( document.form1.name.value == "" )
   {
     alert( "Please provide your name!" );
     document.form1.name.focus() ;
     return false;
   }
   if( document.form1.pass.value == "" )
   {
     alert( "Please provide your Password!" );
     document.form1.pass.focus() ;
     return false;
   }
   return( true );
}
</script>

表格就像

    <form id="form1" name="form1" method="post" action="registered.php" onsubmit="return(validate());">
<p align="center">Username : 
<label for="name"></label>
<input type="text" name="name" id="name" />
</p>
<p align="center">Password : 
<label for="pass"></label>
<input type="password" name="pass" id="pass" />
</p>
<p align="center">
<input type="submit" value="Register" />
</p>
</form>

1 个答案:

答案 0 :(得分:1)

如果您尝试使用form获取元素值,请使用类似

的内容
document.forms['form1'].elements['name'].value

所以改变你的状况

if(document.forms['form1'].elements['name'].value == "" )
{ 
  alert( "Please provide your name!" );
}