（12）表单验证

最新推荐文章于 2025-08-05 15:28:01 发布

weixin_34128411

最新推荐文章于 2025-08-05 15:28:01 发布

阅读量177

点赞数

CC 4.0 BY-SA版权

文章标签： javascript php ViewUI

原文链接：http://www.cnblogs.com/blogforvi/p/7686121.html

本文介绍了如何使用JavaScript在数据提交到服务器之前验证HTML表单数据。包括验证表单数据是否为空、是否为正确的电子邮件地址、日期格式是否正确及是否为数字等内容。提供了检查必填项的示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。

表单数据经常需要使用 JavaScript 来验证其正确性：

验证表单数据是否为空？
验证输入是否是一个正确的email地址？
验证日期是否输入正确？
验证表单输入内容是否为数字型？

必填（或必选）项目

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

function validateForm()
{
  var x = document.forms["myform"]["fname"].value;
  if(x == null || x == ""){
      alert("姓必须填写");  
    }  
  return false;  
}

以上函数在 form 表单提交时被调用:

<form name="myForm" action="demo-form.php" onsubmit="return validateForm()" method="post">
姓: <input type="text" name="fname">
<input type="submit" value="提交">
</form>

转载于:https://www.cnblogs.com/blogforvi/p/7686121.html