100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > js表单验证实例讲解【javascript】

js表单验证实例讲解【javascript】

时间:2022-01-13 14:53:19

相关推荐

js表单验证实例讲解【javascript】

web前端|js教程

js,表单验证

web前端-js教程

本文实例为大家分享了js表单验证,供大家参考,具体内容如下

vip资源网源码,ubuntu更新后清理,访问tomcat下的项目,全球最毒爬虫,php防止域名绕授权,SEO外包引高粱seo赞佳lzw

JavaScript 可用来在数据被送往服务器前对HTML 表单中的这些输入数据进行验证。

被JavaScript 验证的这些典型的表单数据有:

1)、用户是否已填写表单中的必填项目?

2)、用户输入的邮件地址是否合法?

3)、用户是否已输入合法的日期?

4)、用户是否在数据域 (numeric field) 中输入了文本?

理财登录页面源码,vscode新建jsp,ubuntu下载内核版本,查找tomcat线程,怎么播放sqlite文件,foxlogin插件,前端桌面应用窗口框架,91视频 爬虫,数组 php 输出,phpcms seo标题,绿色茶叶网站源码,免费wifi网页认证系统源码,c 管理系统模板下载,手机html页面免费下载,java车辆管理系统课程设计,delphi 摄像头程序lzw

gspan.html

drp分销管理系统源码,ubuntu忘记密码 还原,tomcat舞蹈完整版,代理爬虫抓取,php 验证文件大小,龙游seolzw

表单验证实例span{ font-size:12px; } .stats1{ color : #ccc; } .stats2{ color :black; } .stats3{ color :red; } .stats4{ color :green; } 用户名:用户名不能为空

邮箱:邮箱不能为空

密码:密码不能为空

确认密码:密码不能为空

check.js

function gspan(cobj){ //获取表单后的span 标签 显示提示信息 if (cobj.nextSibling.nodeName != SPAN){ gspan(cobj.nextSibling); } else { return cobj.nextSibling; }} //检查表单 obj【表单对象】, info【提示信息】 fun【处理函数】 click 【是否需要单击, 提交时候需要触发】function check(obj, info, fun, click){ var sp = gspan(obj); obj.onfocus = function(){ sp.innerHTML = info; sp.className = stats2; } obj.onblur = function(){ if (fun(this.value)){sp.innerHTML = "输入正确!";sp.className = "stats4"; } else {sp.innerHTML = info;sp.className = "stats3"; } } if (click == click){ obj.onblur(); }} onload = regs; //页面载入完执行 function regs(click){ var stat = true; //返回状态, 提交数据时用到 username = document.getElementsByName(username)[0]; password = document.getElementsByName(password)[0]; chkpass = document.getElementsByName(chkpass)[0]; email = document.getElementsByName(email)[0];check(username, "用户名的长度在3-20之间", function(val){ if (val.match(/^\S+$/) && val.length >=3 && val.length = 6 && val.length =6 && val.length <=20 && val == password.value){return true; } else {stat = false;return false; } }, click); check(email, "请按邮箱规则输入", function(val){ if (val.match(/\w+@\w+\.\w/)){return true; } else {stat = false;return false; } }, click); return stat;}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。