html用户名和用户密码验证,js实现用户名和密码的校验-CSDN博客

这篇博客介绍了如何使用JavaScript进行用户名和密码的输入验证。通过focus_username和blur_username函数，当用户聚焦和离开用户名输入框时，提供提示信息。同样，focus_password和blur_password函数则针对密码输入进行相同的操作，确保用户名和密码不为空且长度在5-20个字符之间。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Document

function focus_username(){

var resultObj = document.getElementById("result_username");

resultObj.innerHTML = '请输入你的用户名';

resultObj.style.color = "gray";

}

function blur_username(){

var resultObj = document.getElementById('result_username');

if(document.forml.username.value=='')

{

resultObj.innerHTML = '用户名不能为空！';

}else if(document.forml.username.value.length<5||document.forml.username.value.length>20){

resultObj.innerHTML = '用户名长度必须介于5-20字符串中间！';

}else{

resultObj.innerHTML = '';

}

function focus_password(){

var resultObj = document.getElementById("result_password");

resultObj.innerHTML = '请输入你的密码';

resultObj.style.color = "gray";

}

function blur_password(){

var resultObj = document.getElementById('result_password');

if(document.forml.password.value=='')

{

resultObj.innerHTML = '密码不能为空！';

}else if(document.forml.password.value.length<5||document.forml.password.value.length>20){

resultObj.innerHTML = '用户名长度必须介于5-20字符串中间！';

}else{

resultObj.innerHTML = '';

}

用户名:
密码:
&nbsp