最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
js实现注册页面校验功能代码示例
时间:2022-08-25 编辑:袖梨 来源:一聚教程网
本篇文章小编给大家分享一下js实现注册页面校验功能代码示例,小编觉得挺不错的,现在分享给大家供大家参考,有需要的小伙伴们可以来看看。
基本操作
document.getElementById():获取页面元素
alert():向页面弹出提示框。
innerHTML:操作页面某个元素的内容,可以获取,也可以赋值。
document.write():向页面中写内容。
本案例实现注册表单的基本验证功能,主要实现非空验证、重复输入验证、邮箱验证(正则验证),通过alert提示对话框给予用户提示信息。并且当用户输入非法时阻止表单提交。
步骤分析:
第一步:绑定事件(onsubmit)。为form表单绑定onsubmit事件,并调用一个自定义函数。
第二步:编写该函数(获取用户输入的数据<获取数据时需要在指定位置定义一个 id>)
第三步:对用户输入的数据进行判断
第四步:数据合法(表单提交)
第五步:数据非法(给出错误提示信息,阻止表单提交)
【问题】如何控制表单提交?
关于事件 onsubmit:一般用于表单提交的位置,那么需要在定义函数的时候给出一个返回值。 onsubmit = return checkForm()
案例实现效果:当点击“注册”按钮时,验证表单输入内容是否合法,如果不合法则给出用户提示对话框,并且表单无法提交。
相关文章
- js实现音乐播放器代码展示 10-12
- js实现图片查看器代码展示 10-12
- JS中switch的四种写法介绍 10-12
- js实现新闻轮播效果教程 10-11
- JS实现简单的图片切换功能教程 10-11
- js实现下拉刷新和上拉加载解析 09-28