php+js登陆功能,用JS实现简单的登录验证功能

实现过程示意图

代码

登录

.ok {

color: green;

border: 1px solid green;

}

.error {

color: red;

border: 1px solid red;

}

//校验账号的格式

function check_code() {

console.log(1);

//获取账号

var code =

document.getElementById("code").value;

//校验其格式(\w字母或数字或下划线)

var span =

document.getElementById("code_msg");

var reg = /^\w{6,10}$/;

if(reg.test(code)) {

//通过，增加ok样式

span.className = "ok";

} else {

//不通过，增加error样式

span.className = "error";

}

}

function check_pwd(){

console.log(2);

var code2 =document.getElementById("pwd").value;

var span2 =

document.getElementById("pwd_msg");

var reg2 = /^\w{6,10}$/;

if(reg2.test(code2)) {

span2.className = "ok";

} else {

span2.className = "error";

}

}

账号：

6-10位字母、数字、下划线

密码：

8-20位字母、数字、下划线

下面在看一段简单的代码关于javascript实现简单的用户登录验证

代码如下所示：

Document

function check() {

if(document.getElementById("username").value=="") {

alert("没有输入用户名！");

return false;

} else if(document.getElementById("password").value=="") {

alert("没有输入密码！");

return false;

} else {

alert("提交成功！")

return true;

}

}

总结

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