JavaScript表单验证

onsubmit 事件

onsubmit 事件会在表单中的确认按钮被点击时发生。

必填（或必选）项目

下面的函数用来检查用户是否已填写表单中的必填（或必选）项目。假如必填或必选项为空，那么警告框会弹出，并且函数的返回值为 false，否则函数的返回值则为 true（意味着数据没有问题）：

<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>

 

posted @ 2017-04-20 18:21  小番茄酱  阅读(137)  评论(0)  编辑  收藏  举报