javascript表单验证大全
被 JavaScript 验证的这些典型的表单数据有以下几种：
1.用户是否已填写表单中的必填项目？
2.用户输入的邮件地址是否合法？
3.用户是否已输入合法的日期？
4.用户是否在数据域 (numeric field) 中输入了文本？
下面是用户名和密码验证代码：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script>
function validateForm()
{
var username = document.forms["myForm"]["username"].value;
var password = document.forms["myForm"]["password"].value;
alert(username+" "+password);
}
</script>
</head>
<body>
<form name="myForm" action="" onSubmit=" return validateForm()" method="post">
用户名:<input type="text" name="username"/><br/>
密码:<input type="password" name="password"/><br/>
<input type="submit" value="提交"/>
</form>
</body>
</html>
必填（或必选）项目验证：
下面的函数用来检查用户是否已填写表单中的必填（或必选）项目。假如必填或必选项为空，那么警告框会弹出，并且函数的返回值为 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>
以上代码是用户名、密码、必填、必选项和email以及连同表单的代码，希望对大家学习javascript表单验证有所帮助。
-
主要内容：使用 JavaScript 进行表单验证,必填字段验证,数据格式验证表单是 Web 应用（网站）的重要组成部分，通过表单可以收集用户提交的信息，例如姓名、邮箱、电话等。由于用户在填写这些信息时，有可能出现一些错误，例如输入手机号时漏掉了一位、在输入的内容前后输入空格、邮箱的格式不正确等。为了节省带宽同时避免这些问题对服务器造成不必要的压力，我们可以使用 JavaScript 在提交数据之前对数据进行检查，确认无误后再发送到服务器。 使用 JavaScript 来验
-
本文向大家介绍JavaScript表单验证开发，包括了JavaScript表单验证开发的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了js表单验证的具体代码，供大家参考，具体内容如下 在线demo:http://www.hui12.com/nbin/csdn/jsInput/demo.html 效果图： 主要说说add和get方法实现的思路 表单和规则对应，采用数组形式 【表单，规
-
本文向大家介绍Javascript的表单验证长度，包括了Javascript的表单验证长度的使用技巧和注意事项，需要的朋友参考一下 JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。 该采用什么样的方式对用户作出提醒呢？你一定不想用alert()提示框 在输入域后加一个sqan标签 helpText是传入的span对象 用span标签来为用户作出提醒，不会
-
本文向大家介绍JavaScript实现表单验证功能，包括了JavaScript实现表单验证功能的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了JavaScript实现表单验证功能的具体代码，供大家参考，具体内容如下 以下是JavaScript的表单验证功能，可根据JS代码编写出你想要的HTML和CSS的代码。 关于正则表达式的使用，以及常用的正则表达式，笔者目前还在整理中，后期整理完
-
本文向大家介绍JavaScript表单验证完美代码，包括了JavaScript表单验证完美代码的使用技巧和注意事项，需要的朋友参考一下 用原生JS写一个简单的表单验证 首先，是html部分 接着，为其加上CSS样式 最后是JS部分 好了，打开浏览器测试一下吧 填写数据，可以！ 以上所述是小编给大家介绍的JavaScript表单验证完美代码，希望对大家有所帮助，如果大家有任何疑问请给我留言
-
本文向大家介绍常用javascript表单验证汇总，包括了常用javascript表单验证汇总的使用技巧和注意事项，需要的朋友参考一下 实例讲解：验证输入的是否是数字，是否满足数字位数，如果错误，并进行友情提醒。 效果图： 上面这个实例包含了许多常用的表单验证的代码，下面分享给大家： 1、验证表单 2、验证昵称 3、计算昵称长度 4、验证昵称是否存在 5、验证手机号 6、验证密码 7、验证邮箱 8