JS—表单验证
2015-12-21 15:01
661 查看
JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。
被 JavaScript 验证的这些典型的表单数据有:
用户是否已填写表单中的必填项目?
用户输入的邮件地址是否合法?
用户是否已输入合法的日期?
用户是否在数据域 (numeric field) 中输入了文本?
JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。
JavaScript 表单验证
JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。被 JavaScript 验证的这些典型的表单数据有:
用户是否已填写表单中的必填项目?
用户输入的邮件地址是否合法?
用户是否已输入合法的日期?
用户是否在数据域 (numeric field) 中输入了文本?
<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>
相关文章推荐
- JavaScript对象 + Browser 对象 + HTML DOM 对象
- Hibernate表关联对象转Json双向关联解析过度
- Ext.js5表单—购物车付款表(表单绑值copy)( listConfig)(43)
- angular 中 cacheFactory 数据传递
- JavaScript基础——表单脚本
- JavaScript设计模式学习笔记
- 编写高质量JavaScript的有效方法
- JavaScript模式笔记
- JavaScript对象中的属性(可写,可配置,可枚举,value,getter,setter)
- js设置组合快捷键/tabindex功能的方法
- 高性能JavaScript学习笔记
- js复选框相关事件
- js数据存放
- 先执行javascript在执行ios原生函数
- js变量提升
- 【JavaScript】JavaScript获取当前时间
- 解决setTimeout 计时器重复调用的问题
- Javascript中null值,特别注意的两点
- JAVASCRIPT中NULL值,特别注意的两点
- Ext.js5表单—注册表单(42)