JavaScript 表单验证(必填(或必选)项目、E-mail 验证)
来源:互联网 发布:淘宝旺旺名是什么 编辑:程序博客网 时间:2024/06/18 02:25
JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。
JavaScript 表单验证
JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。
被 JavaScript 验证的这些典型的表单数据有:
- 用户是否已填写表单中的必填项目?
- 用户输入的邮件地址是否合法?
- 用户是否已输入合法的日期?
- 用户是否在数据域 (numeric field) 中输入了文本?
必填(或必选)项目
下面的函数用来检查用户是否已填写表单中的必填(或必选)项目。假如必填或必选项为空,那么警告框会弹出,并且函数的返回值为 false,否则函数的返回值则为 true(意味着数据没有问题):
function validate_required(field,alerttxt){with (field){if (value==null||value=="") {alert(alerttxt);return false}else {return 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 验证
下面的函数检查输入的数据是否符合电子邮件地址的基本语法。
意思就是说,输入的数据必须包含 @ 符号和点号(.)。同时,@ 不可以是邮件地址的首字符,并且 @ 之后需有至少一个点号:
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}}}
下面是连同 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>
阅读全文
0 0
- JavaScript 表单验证(必填(或必选)项目、E-mail 验证)
- 使用JavaScript进行表单必填项目验证和改进
- 19. PHP 表单验证 - 必填字段
- JavaScript-- 表单验证、 E-mail 验证
- JS必填字段验证
- Yii中为表单添加必填字段域验证
- PHP表单验证之必填字段--w3school学习笔记
- html5自带属性验证表单必填
- angularjs 表单验证,包含必填、手机、邮箱...
- Javascript E-mail验证
- 必填验证控件RequireFieldValidator的 用法
- combobox动态添加必填属性验证
- AngularJs必填、比较、格式验证
- mint ui必填下拉验证
- PHP ——表单验证(验证 E-mail 和 URL)
- 验证dropdownlist必选
- php基础教程——表单验证(必填、提交后数据保留)
- Ecology8二次开发:HTML表单字段必填验证的添加与移除
- REST
- 发票之容差类型
- linux下ActiveMQ的安装配置一
- ssh 远程登陆指定端口
- iOS上的jQuery.on()冒泡事件绑定 给body添加点击事件
- JavaScript 表单验证(必填(或必选)项目、E-mail 验证)
- Mac上的命令操作2
- 用代码设置android横竖屏
- Srping的.xmldi和注解 终级版
- 如何将excel的一列变成多列(多排表使用帮助)
- 全志R16平台的parrotv1.1的系统点亮OV5640(分色排版)EVB30
- 模糊查询
- 声明: 本博客已不做更新 ------2017.7.26
- 在idea intellij中使用Sonarqube进行代码检查