脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-JavaScript-- 表单验证、 E-mail 验证,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。 JavaScript 表单验证
JS 错误
DOM 简介
JavaScript 可用来在数据被送往
服务器前对
HTML 表单中的这些
输入数据进行验证。
JavaScript 表单验证
JavaScript 可用来在数据被送往服务器前对 HT
ML 表单中的这些输入数据进行验证。
被 JavaScript 验证的这些典型的表单数据有:
用户
是否已填写表单中的必填项目?
用户输入的邮件地址是否合法?
用户是否已输入合法的日期?
用户是否在数据域 (numeric field) 中输入了文本?
必填(或必选)项目
下面的函数用来检查用户是否已填写表单中的必填(或必选)项目。假如必填或必选项为空,那么
警告框会弹出,并且函数的返回值为 false,否则函数的返回值则为 true(意味着数据没有问题):
function validate_requi
red(field,alerttxt)
{
w
ITh (field)
{
if (value
==null||value=="")
{alert(alerttxt);return false}
else {return true}
}
}
下面是连同 HTML 表单的代码:
<script ty
PE="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(em
ail,"Email must be filled out!")==false)
{email.focus();return false}
}
}
</script>
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 表单的完整代码:
<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>
完成一个较为完整的用户注册页面。
1:要求用户输入用户名时只能够输入英文、数字和下划线
2:要求用户输入的密码和确认密码必须一致
3:要求用户上传
本地磁盘中的一个图片文件作为
头像 4:要求用户输入验证邮箱,通过javascript代码验证邮箱格式是否正确
5:要求页面实现验证码功能,点击“注册”按钮后,无论是否完成注册,验证码都能够自动刷新
<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>
觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! js脚本,巧夺天工,精雕玉琢。小宝典献丑了!
脚本宝典总结
以上是脚本宝典为你收集整理的javascript代码实例教程-JavaScript-- 表单验证、 E-mail 验证全部内容,希望文章能够帮你解决javascript代码实例教程-JavaScript-- 表单验证、 E-mail 验证所遇到的问题。
如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。