from表单提交验证

来源:互联网 发布:淘宝店铺装修收费标准 编辑:程序博客网 时间:2024/04/27 14:35

原来from表单的验证这么简单


<form action="submitpage.htm" onsubmit="return validate_form(this)" method="post">

偶然翻了翻js的文档,发现from的onsubmit的属性。有点无语。有点自责。

虽然以前写的验证方法也不复杂,但每次都觉得验证表单是一件很麻烦的事情,原来。。。。

多看些官方的文档,不要小看基础的东西,基础的东西带来的进步是超大的。



<!DOCTYPE html>

<html>

<head>
<script type="text/javascript">

function validate_required(field,alerttxt)
{
with (field)
  {
  if (value==null||value=="")
    {alert(alerttxt);return false}
  else {return true}
  }
}

function validate_form(thisform)
{
with (thisform)
  {
  if (validate_required(email,"Email must be filled out!")==false)
    {email.focus();return false}
  }
}
</script>
</head>

<body>
<form action="submitpage.htm" onsubmit="return validate_form(this)" method="post">
Email: <input type="text" name="email" size="30">
<input type="submit" value="Submit">
</form>
</body>

</html>


最近的路就在那里,而我却视而不见~

0 0
原创粉丝点击