手机版

JavaScript实现表单注册、表单验证和运算符功能

时间:2021-08-29 来源:互联网 编辑:宝哥软件园 浏览:

JavaScript是世界上最流行的脚本语言。

JavaScript是一种属于web的语言,适用于PC、笔记本电脑、平板电脑和手机。

JavaScript旨在为HTML页面增加交互性。

许多HTML开发人员不是程序员,但是JavaScript有一个非常简单的语法。几乎每个人都有能力向网页添加小的JavaScript片段。

特点:轻量级,通用,可插入的html设计,易于学习

注册表单检测原型

!doctype html lang=' en ' head metachartset=' utf-8 ' title js-注册表单/title script //加载页面时,执行指定的函数window . onload=function(){//document . getelementbyid()获取用户输入的用户名的label对象;var Uele=document . getelementbyid(' username ');//弹出告警框告警(Uele);//获取对象中的值varuvalue=ule.valuealert(UvaLue)}/script/head dyform action=' # ' method=' get '!-由- get:填写的信息将显示在url中,这对重要数据是不安全的;post:填写的信息不会显示在url中-用户名:输入类型=' text' name=' username '占位符=' user name ' ID=' username ' b password:输入类型=' passwd ' name=' passwd ' placeholder R=' passwd ' ID=' passwd ' br输入类型=' submit ' value=' register '/form/body/html

JS-验证表

我们可以在事件发生时执行JavaScript,比如当用户点击一个HTML元素时。

要在用户单击元素时执行代码,请将JavaScript代码添加到HTML事件属性中:

Onclick=JavaScript要求:验证用户名是否为空,密码长度是否大于6

!doctype html lang=' en ' head meta charset=' utf-8 ' title js-test用户名/title脚本函数check form(){ var name value=document . getelementbyid(' username ')。价值;if(NameValue==' '){ alert('用户名不能为空!');返回false } var passValue=document . getelementbyid(' passwd ')。价值;If (passValue.length=6){ alert('密码长度应大于6 ');返回false } } /script/headbody!-执行步骤: 1。确定submit上的事件类型(常见事件类型的URL为: http://www.w3school.com.cn/js/js _ html DOM _ events . ASP);2.将函数绑定到此事件(执行的操作写入函数中);3.函数的核心函数:验证用户名是否为空。1).获取输入用户名标签提交的内容;2).如果判断用户名是否为空?3).如果数据合法,继续执行并提交表单;4).如果数据不合法,不要提交表格?(弹出框中报告了错误)-警报-!- onsubmit事件在单击表单中的确认按钮时发生-formaction=' # ' method=' get ' onsubmit=' returncheckform()'用户名:输入类型=' text' name=' username '占位符=' User name ' id=' username ' br/password :输入类型=' password ' name=' passwd '占位符=' passwd ' id=' passwd ' br/输入类型=' submit ' value='/html

JS-运算符

与python不同,'='判断会将字符串转换为塑料进行比较,'=='判断会将类型和值一起比较

5==' 5 '-True 5==' 5 '-False基于特定条件为变量赋值的条件运算符。

!doctype html lang=' en ' head meta charset=' utf-8 ' title js-等号/title script var x=5;var y=' 5alert(x===y);var num=(5==='5 ')?ok': '不ok '警报(num)/脚本/流浆池/正文/html

版权声明:JavaScript实现表单注册、表单验证和运算符功能是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。