JS技术(2)--表单验证
来源:互联网 发布:易语言源码做成软件 编辑:程序博客网 时间:2024/06/05 07:01
JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。
被 JavaScript 验证的这些典型的表单数据有:
- 用户是否已填写表单中的必填项目?
- 用户输入的邮件地址是否合法?
- 用户是否已输入合法的日期?
- 用户是否在数据域 (numeric field) 中输入了文本?
必填(或必选)项目
下面的函数用来检查用户是否已填写表单中的必填(或必选)项目。假如必填或必选项为空,那么警告框会弹出,并且函数的返回值为 false,否则函数的返回值则为 true(意味着数据没有问题):
下面是连同 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>
E-mail 验证
下面的函数检查输入的数据是否符合电子邮件地址的基本语法。
意思就是说,输入的数据必须包含 @ 符号和点号(.)。同时,@ 不可以是邮件地址的首字符,并且 @ 之后需有至少一个点号:
下面是连同 HTML 表单的代码:
<html><head><script type="text/javascript">function validate_email(field,alerttxt){ with (field) { apos=value.indexOf("@") dotpos=value.lastIndexOf(".") if (apos<1||dotpos-apos<2) {alert(alerttxt);return false} else {return true} }}function validate_form(thisform){ with (thisform) { if (validate_email(email,"Not a valid e-mail address!")==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>
—————————————————————————————————————————————————–
JAVA(SSM、SSH等)20项目视频教程,共134G
下载地址:
https://item.taobao.com/item.htm?id=558680925808
———————-课程目录——————————
第01项目:OA办公自动化项目(四套)
第02项目:CRM客户关系管理项目(两套)
第03项目:宅急送项目
第04项目:杰信商贸SSH版
第05项目:电力项目(两套)
第06项目:校内网项目
第07项目:Java邮件开发教程
第08项目:java网上在线支付实战视频
第09项目:俄罗斯方块游戏开发_视频教程
第10项目:交通灯管理系统视频教程
第11项目:银行业务调度系统视频教程
第12项目:供应链系统视频教程
第13项目:网上商城项目
第14项目:药品集中采购系统视频教程
第15项目:杰信商贸SSM版
第16项目:国家税务协同平台项目
第17项目:javaWeb聊天室
第18项目:点餐系统
第19项目:网上书店
第20项目:手机进销存系统
—————————————————————————————————————————————————–
- JS技术(2)--表单验证
- JS表单验证2
- JS表单验证2
- js表单验证2
- 表单验证技术
- JS控件:表单验证
- JS控件:表单验证
- 常用表单验证js
- Js表单提交验证
- js表单验证
- js注册表单验证
- js验证表单大全
- js验证表单大全
- js验证表单大全
- js验证表单大全
- JS验证表单大全
- JS表单验证
- js表单验证
- HDU 5924-Mr. Frog’s Problem
- ARM平台裸板GDB调试
- RYU 删除流表项 删除不掉 问题
- Tomcat 8熵池阻塞变慢详解
- Eclipse for j2e 报错no opencv_* in java.library.path的解决方法
- JS技术(2)--表单验证
- 正阅读微信小说分销系统-视频教程-4.数据统计 包含图文教程
- log4j
- Arduino/Microduino与OneNet平台及web服务器端的交互
- Java多线程同步的五种方法
- js正则表达式在(replace()方法)
- angularJS-实现内容添加或移除
- LSTM(一)之深入理解
- java内存与String类型详解