JavaScript实现表单非空验证与密码长度校验

作者:木棉

时间:2026-10-26

浏览:499

本文介绍如何使用JavaScript对HTML表单进行非空验证。通过获取文本框的value属性,判断用户名和密码字段是否为空。同时演示了密码长度限制(4-16位)及确认密码一致性校验的实现逻辑,包含完整的代码示例。

文章目录
// 代码结束

JavaScript表单非空验证与密码校验实现

相关代码实现如下所示:

 
// 验证用户名是否为空
function checkUserName(){
var name = document.myform.txtUser; // 此处假设 name 变量指向名为 txtUser 的文本框元素
if(name.value.length==0){
alert("请输入用户名");
name.focus();
return false;
}else{return true;}
} 
// 验证密码是否为空及确认密码是否一致
function checkPass(){
var pass=document.myform.txtPass;
var rpass=document.myform.txtRPass;
if(pass.value==""){
alert("密码不能为空");
pass.focus();
return false;
}else if (pass.value.length<4 || pass.value.length>16){
alert("密码的长度必须在4-16个字符");
pass.select();
return false;
}else if(rpass.value!=pass.value){
alert("确认密码与密码输入不一致");
rpass.select();
return false;
}else{return true;}
} 

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章