<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<head>
<script>
function validateForm(){
var x=document.forms["myForm"]["fname"].value;
if (x==null || x==""){alert("姓必须填写");return false;}
}
</script>
</head>
<body><form name="myForm" action="demo-form.php" onsubmit="return validateForm()" method="post">
姓: <input type="text" name="fname">
<input type="submit" value="提交">
</form></body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<head>
<script>
function validateForm(){var x=document.forms["myForm"]["email"].value;var atpos=x.indexOf("@");var dotpos=x.lastIndexOf(".");if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length){alert("不是一个有效的 e-mail 地址");return false;}
}
</script>
</head>
<body><form name="myForm" action="demo-form.php" onsubmit="return validateForm();" method="post">
Email: <input type="text" name="email">
<input type="submit" value="提交">
</form></body>
</html>

转载于:https://www.cnblogs.com/tszr/p/10942866.html

吴裕雄--天生自然 JAVASCRIPT开发学习: 表单验证相关推荐

  1. 吴裕雄--天生自然 JAVASCRIPT开发学习:DOM EventListener

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  2. 吴裕雄--天生自然 JAVASCRIPT开发学习:(String) 对象

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  3. 吴裕雄--天生自然 PYTHON3开发学习:输入和输出

    str = input("请输入:"); print ("你输入的内容是: ", str) # 打开一个文件 f = open("/tmp/foo.t ...

  4. 吴裕雄--天生自然 PHP开发学习:数组

    <?php $cars=array("Volvo","BMW","Toyota"); echo "I like " ...

  5. 吴裕雄--天生自然 PHP开发学习:MySQL 插入数据

    <?php $servername = "localhost"; $username = "root"; $password = "admin& ...

  6. 吴裕雄--天生自然 PYTHON3开发学习:字符串

    var1 = 'Hello World!' var2 = "Runoob" #!/usr/bin/python3 var1 = 'Hello World!' var2 = &quo ...

  7. 吴裕雄--天生自然 中医研究学习:入门

    中医学是研究人体生理病理,疾病诊断与防治以及摄生康复的一门医学科学,至今已有数千年的历史.中医学是"以中医药理论与实践经验为主体,研究人类生命活动中医学中健康与疾病转化规律及其预防.诊断.治 ...

  8. 吴裕雄 Bootstrap 前端框架开发——Bootstrap 表单:文本框(Textarea)

    <!DOCTYPE html> <html><head><meta charset="utf-8"> <title>Bo ...

  9. mysql 查询 系统字段 自然日_吴裕雄--天生自然python数据清洗与数据可视化:MYSQL、MongoDB数据库连接与查询、爬取天猫连衣裙数据保存到MongoDB...

    本博文使用的数据库是MySQL和MongoDB数据库.安装MySQL可以参照我的这篇博文:https://www.cnblogs.com/tszr/p/12112777.html 其中操作Mysql使 ...

最新文章

  1. maven netbeans 导入_Maven - NetBeans
  2. linux dns chroot配置文件,linxu chroot DNS 配置
  3. 我的WCF之旅(12):使用MSMQ进行Reliable Messaging(转载)
  4. 使用pssh进行并行批量操作
  5. Gitlab14.x 安装、配置、启动 (Centos/Red Hat7/8.x)
  6. 人工智能发展趋势——深度AI科普调研团队
  7. service获取selinux权限_属性问题展开的selinux权限介绍
  8. altera fpga sdi输出方案_FPGA设计太复杂?四大设计要点总结助你快速上手!
  9. Delphi 10.4.1 游戏开发引擎unDelphiX
  10. CortexM3/M4(3)-指令集
  11. springmvc+vue ssm 医院预约挂号系统#毕业设计
  12. 网页: 如何修改列表项 ul > li 前小圆点的样式
  13. 一文带你了解c++使用endl和使用‘\n‘的区别
  14. CSS实例(一):漂亮的表格样式(使用CSS样式表控制表格样式)
  15. 中国开源人访谈系列之:清风博主
  16. window.print()打印网页局部内容
  17. 当你启动服务器出现系统出错。 发生系统错误 1067。 进程意外终止。
  18. LaBSE : Language-agnostic BERT Sentence Embedding
  19. centos7盘符 linux_linux操作系统centos7新加磁盘分区详解
  20. 移动支付快速崛起,爱贝赋能行业新发展

热门文章

  1. catia钣金根据线段折弯_钣金折弯如何确定折弯的顺序
  2. 前端面试知识点(所谓的面试题)(备份前端网)
  3. PostgreSQL 的 target_list分析(一)
  4. tuning-primer.sh 性能调试工具的使用
  5. 回文绝对求下联:亚冠决赛决冠亚
  6. Ubuntu 下安装JDK
  7. 谁说大学生找工作难?鄙视说这样话的人!!
  8. 从一个表查询数据插入另一个表
  9. python int32 int8_python-使用numpy视图将int32转换为int8
  10. 用户生命周期常用指标_生命周期管理工具如何使用指标