前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >登录页面的表达验证(新闻登录为例)

登录页面的表达验证(新闻登录为例)

作者头像
用户10196776
发布2022-11-18 20:23:02
7600
发布2022-11-18 20:23:02
举报

<title>用户登录</title>//用户登录界面

所写代码如下:

<link href="images/login.css" rel="stylesheet" type="text/css" />//自己写好的css样式

<script type="text/javascript">

var str = "qwertyupasdfghjkzxcvbnmQWERTYUPASDFGHJKLZXCVBNM23456789";

//str验证码所需要的随机数

function yz() {

//随机出4个0-字符串长度之间的数字 做为下标

yzmStr = "";

for (var i = 1; i <= 4; i++) {

yzmStr += str.substr(Math.round(Math.random() * (str.length - 1)),

1);

}

//把验证码赋值到页面

document.getElementById("syzm").innerHTML = yzmStr;

}

function $(id) {

return document.getElementById(id);

}

function login_yz() {

//验证 用户名 和 密码不能为空

//获取用户名

var uname = $("uname").value;

if (uname.length == 0) {

alert("用户名不能为空");

return false;

}

//获取密码

var upwd = $("upwd").value;

if (upwd.length == 0) {

alert("密码不能为空");

return false;

}

//获取验证码:判断和电脑的验证码是否相等

var yzm = $("uyzm").value;

if (yzm != yzmStr) {

alert("验证码输入错误,请重新输入");

//清空输入的验证码

$("uyzm").value = "";

//重新生成验证码

yz();

return false;

//A.equalsIgnoreCase(B);//这个是大小不区分大小写(A-a)的代码

}

}

//以上内容只是一个静态页面跳转的一部分(尚未连接数据库)

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2022-03-26,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
验证码
腾讯云新一代行为验证码(Captcha),基于十道安全栅栏, 为网页、App、小程序开发者打造立体、全面的人机验证。最大程度保护注册登录、活动秒杀、点赞发帖、数据保护等各大场景下业务安全的同时,提供更精细化的用户体验。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档