用射流研究…实现简单的登录验证功能

实现过程示意图

代码

！DOCTYPE html html head meta charset=' UTF-8 '标题登录/title样式ok { color:绿色；border: 1px纯绿色；} .错误{ color: redborder: 1px纯红；}/样式脚本//校验账号的格式函数check _ code(){控制台。日志(1)；//获取账号var代码=文档。getelementbyid('代码').价值；//校验其格式(\w字母或数字或下划线)var span=文档。getelementbyid(' code _ msg ')；var reg=/^\w{6,10}$/；if(reg.test(code)) { //通过，增加好的样式“好的”；} else { //不通过，增加错误样式'错误；} }函数check _ pwd(){控制台。日志(2)；var代码2=文档。getelementbyid(' pwd ').价值；var span 2=文档。getelementbyid(' pwd _ msg ')；var reg 2=/^\w{6,10}$/；if(reg 2。测试(代码2)){ span 2。类名=' ok} else { span 2。类名='错误'；} }/脚本/头部身体形态动作='http://www.tmooc.cn' p账号：输入类型=' text ' id=' code ' on bulr=' check _ code()'/span id=' code _ msg ' 6-10位字母、数字、下划线/span /p p密码：输入类型=' text ' id=' pwd ' on bulr=' check _ pwd()'/span id=' pwd _ msg ' 8-20位字母、数字、下划线/span /p pinput类型='submit '值='登录//p /form /body /html下面在看一段简单的代码关于爪哇岛描述语言实现简单的用户登录验证

代码如下所示：

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title document/title/head body script type=' text/JavaScript ' function check(){ if(document。getelementbyid('用户名').value=='') { alert('没有输入用户名!');返回false} else if(文档。getelementbyid('密码').value=='') { alert('没有输入密码!');返回false} else { alert('提交成功!')返回真；} }/脚本表单名称='form1 '输入类型='text' id='username '输入类型='password' id='password '输入类型=' submit ' onclick=' check()'/表单/正文/html总结

以上所述是小编给大家介绍的用射流研究…实现简单的登录验证功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！