怎么用js实现注册页面校验功能
导读:本文共3564字符,通常情况下阅读需要12分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要:接下来,请跟着小编一起来学习吧!基本操作document.getElementById():获取页面元素alert():向页面弹出提示框。innerHTML:操作页面某个元素的内容,可以获取,也可以赋值。document.write():向页面中写内容。本案例实现注册表单的基本验证功能,主要实现非空验证、重复输入验证、邮箱验证(正则验证),通过alert提示对话框给予用户提示信息。并且当用户输入非... ...
目录
(为您整理了一些要点),点击可以直达。接下来,请跟着小编一起来学习吧!
document.getElementById():获取页面元素
alert():向页面弹出提示框。
innerHTML:操作页面某个元素的内容,可以获取,也可以赋值。
document.write():向页面中写内容。
本案例实现注册表单的基本验证功能,主要实现非空验证、重复输入验证、邮箱验证(正则验证),通过alert提示对话框给予用户提示信息。并且当用户输入非法时阻止表单提交。
第一步:绑定事件(onsubmit)。为form表单绑定onsubmit事件,并调用一个自定义函数。
第二步:编写该函数(获取用户输入的数据<获取数据时需要在指定位置定义一个 id>)
第三步:对用户输入的数据进行判断
第四步:数据合法(表单提交)
第五步:数据非法(给出错误提示信息,阻止表单提交)
【问题】如何控制表单提交?
关于事件 onsubmit:一般用于表单提交的位置,那么需要在定义函数的时候给出一个返回值。 onsubmit = return checkForm()
案例实现效果:当点击“注册”按钮时,验证表单输入内容是否合法,如果不合法则给出用户提示对话框,并且表单无法提交。
怎么用js实现注册页面校验功能的详细内容,希望对您有所帮助,信息来源于网络。