您现在的位置是:首页 > 编程开发 > JavaJava
JavaScript 表单验证
爱读书aread.cc2022-10-05 10:44:44Java0人已围观
简介JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。
表单数据经常需要使用 JavaScript 来验证其正确性: 验证表单数据是否为空? 验证输入是否是一个正确的email地址? 验证日期是否
JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。
表单数据经常需要使用 JavaScript 来验证其正确性:
- 验证表单数据是否为空?
- 验证输入是否是一个正确的email地址?
- 验证日期是否输入正确?
- 验证表单输入内容是否为数字型?
必填(或必选)项目
下面的函数用来检查用户是否已填写表单中的必填(或必选)项目。假如必填或必选项为空,那么警告框会弹出,并且函数的返回值为 false,否则函数的返回值则为 true(意味着数据没有问题):
function validateForm() { var x=document.forms["myForm"]["fname"].value; if (x==null || x==""){ alert("First name must be filled out"); return false; } }
以上函数在 form 表单提交时被调用:
实例
First name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>
尝试一下 »
E-mail 验证
下面的函数检查输入的数据是否符合电子邮件地址的基本语法。
意思就是说,输入的数据必须包含 @ 符号和点号(.)。同时,@ 不可以是邮件地址的首字符,并且 @ 之后需有至少一个点号:
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("Not a valid e-mail address"); return false; } }
下面是连同 HTML 表单的完整代码:
实例
Email: <input type="text" name="email">
<input type="submit" value="Submit">
</form>
尝试一下 »
数字验证
下面的函数检查输入的数据是否是1~10之间的数字。假如输入的不为数字或不是,那么警告框会弹出,并且函数的返回值为 false,否则函数的返回值则为 true(意味着数据没有问题):
实例
<form name="myForm" action="demo_form.asp" onsubmit="return validateForm();" method="post">
<strong>请输入1到10之间的数字:</strong>
<input id="number">
<button type="button" onclick="myFunction()">提交</button>
</form>
尝试一下 »
Tags:
很赞哦! ()
上一篇:JavaScript 调试
下一篇:JavaScript 保留关键字
相关文章
随机图文
-
JavaScript 字符串
JavaScript 字符串用于存储和处理文本。 JavaScript 字符串 字符串可以存储一系列字符,如 "John Doe"。 字符串可以是插入到引号中的任何字符。你可以使用单引号或双引号: 实例 var carname = "Volvo XC60"; var c -
JavaScript 作用域
作用域是可访问变量的集合。在JavaScript中,能够定义全局作用域或者局部作用域。 在 JavaScript 中, 对象和函数同样也是变量。在 JavaScript 中, 作用域为可访问变量,对象,函数的集合。JavaScript 函数作用域: 作用域在 -
JavaScript 运算符
本节将介绍JavaScript中的三种类型的运算符:算术运算符、赋值运算符以及字符串连接运算符。 运算符 = 用于赋值。运算符 + 用于加值。运算符 = 用于给 JavaScript 变量赋值。算术运算符 + 用于把值加起来。 实例 -
JavaScript 事件
事件是可以被 JavaScript 侦测到的行为。 HTML 事件是发生在 HTML 元素上的事情。 当在 HTML 页面中使用 JavaScript 时, JavaScript 可以触发这些事件。 HTML 事件 HTML 事件可以是浏览器行为,也可以是用户行为。H
留言与评论 (共有 条评论) |